@backstage/ui

Home > @backstage/ui

Components used by Backstage plugins and apps

Functions

Function	Description
Header(props)	A component that renders a toolbar.
HeaderPage(props)	A component that renders a header page.
Icon(props)
IconProvider(props)
marginPropDefs(spacingValues)
paddingPropDefs(spacingValues)
Skeleton(props)
Tab(props)	A component that renders a tab.
TabList(props)	A component that renders a list of tabs.
TabPanel(props)	A component that renders the content of a tab.
Tabs(props)	A component that renders a list of tabs.
TooltipTrigger(props)
useBreakpoint()
useIcons()

Interfaces

Interface	Description
AvatarProps
BoxProps
ButtonIconProps	Properties for ButtonIcon
ButtonLinkProps	Properties for ButtonLink
ButtonProps	Properties for Button
CardBodyProps	Props for the CardBody component.
CardFooterProps	Props for the CardFooter component.
CardHeaderProps	Props for the CardHeader component.
CardProps	Props for the Card component.
CheckboxProps
ComponentDefinition	Base type for the component styles structure
ContainerProps
DataTablePaginationProps
DataTableRootProps
DataTableTableProps
FieldLabelProps
FlexProps
GridItemProps
GridProps
HeaderBreadcrumb	Represents a breadcrumb item in the header.
HeaderMenuItem	Represents an option item in the header dropdown menu.
HeaderPageProps	Props for the main HeaderPage component.
HeaderProps	Props for the main Header component.
HeaderTab	Represents a tab item in the header navigation.
IconContextProps
IconProviderProps
LinkProps
MenuComboboxProps
RadioGroupProps
RadioProps
SearchFieldProps
SelectProps
SkeletonProps
SpaceProps
SwitchProps
TableCellLinkProps
TableCellProfileProps
TableCellTextProps
TabListProps	Props for the TabList component.
TabPanelProps	Props for the TabPanel component.
TabsProps	Props for the Tabs component.
TextFieldProps
TooltipProps
UtilityProps

Variables

Variable	Description
Avatar
Box
boxPropDefs
breakpoints
Button
ButtonIcon
ButtonLink
Card	Card component.
Checkbox
Collapsible	Collapsible is a component that allows you to collapse and expand content. It is a wrapper around the CollapsiblePrimitive component from base-ui-components.
componentDefinitions	Component definitions for the Backstage UI library
Container
DataTable	DataTable component for displaying tabular data with pagination
displayPropDefs
FieldLabel
Flex
flexPropDefs
gapPropDefs
Grid
gridItemPropDefs
gridPropDefs
Heading
heightPropDefs
IconContext
icons
Link
Menu
positionPropDefs
Radio
RadioGroup
ScrollArea
SearchField
Select
Switch
Table	Table component for displaying tabular data
Text_2
TextField
Tooltip
widthPropDefs

Type Aliases

Type Alias	Description
AlignItems
ArbitraryStylingPropDef
AsProps
BooleanPropDef
Border
BorderRadius
BoxOwnProps
Breakpoint
ClassNamesMap	Base type for the component styles structure
Columns
ComponentClassNames	Helper type to extract class names for a component
ComponentDefinitionName	Type utilities for extracting information from the component styles
DataAttributesMap	Base type for the component styles structure
DataAttributeValues	Base type for the component styles structure
Display
DisplayProps
EnumOrStringPropDef
EnumPropDef
FlexDirection
FlexOwnProps
FlexWrap
GapProps
GetPropDefType
GetPropDefTypes
GridItemOwnProps
GridOwnProps
HeadingOwnProps
HeadingProps
HeightProps
IconMap
IconNames
IconProps
JustifyContent
MarginProps
MenuComboboxOption
MenuComponent
NonStylingPropDef
PaddingProps
PositionProps
PropDef
ReactNodePropDef
RegularPropDef
Responsive
ResponsivePropDef
Space
StringPropDef
StylingPropDef
TextOwnProps
TextProps
WidthProps