This project is still under active development but we will make sure to document the API as we go. We are aiming to improve the general UI of Backstage and plugins across Backstage. This new library will take time to build but we are building it incrementally with not conflict with the existing theming system.
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.
The simplest component to help you style your content.
A flex container for your layout.
A grid container for your layout.
Helps you center your content.
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 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.
Now that you have the basics down, you can start building your plugin using the new design system. Please familiarise yourself first with our theming principles. This will help you understand the core concepts of the design system. If you have any questions, please reach out to us on Discord.