We built a couple of layout components to help you build responsive elements that will be consistent with the rest of your Backstage instance. These components are opinionated and use TypeScript to ensure that the props you provide are the ones coming from the theme.
<Flex direction="column" gap="4">
<Box>Hello World</Box>
<Inline gap="sm">
<Box>Project 1</Box>
<Box>Project 2</Box>
</Inline>
</Flex>
A button component to help you trigger actions.
A button component to help you trigger actions.
A button for actions with an icon.
A link component to help you navigate to other pages.
A component to separate your content on the page.
A collapsible component for expandable content.
A checkbox component to help you select items.
A text field component to help you input text.
A search field component to help you search for items.
A password field component to help you input passwords.
A select component to help you select items.
A switch component to help you toggle items.
A radio group component to help you select items.
A header component to help you display a header.
A header to complement the Header component.
A menu component to help you display a menu.
A tabs component to help you display a tabs.
A avatar component to help you display user avatars.
A icon component to help you display icons.
A skeleton component to help you display loading states.
A tooltip component to help you display a tooltip.