Catalog of components available in Nebula.
Accordions control the visibility of related sections of content.
Badges bring the user's attention to something.
CTA Buttons perform an action on the page or submit a form.
CTA Links direct users to a different page to complete an action.
Callouts are used to display related content or status informatio...
Cards are used to define sections of content.
Checkboxes allow users to enable and disable options.
Currency Fields allow users to input an amount of money.
Data Table is used to display data in a table.
Date Fields allow users to input an exact date.
Disclosure controls the visibility of content in context.
Error Summary Notifications are used to summarise form errors.
Grids create consistent layouts using rows and columns.
Headings create a semantic outline of the content.
Icons provide additional context to elements on the page.
List is used for ordered and unordered lists.
Margin is used to add space around content.
Modals display content in front of the main page.
Notifications notify the user with the status of an action.
Radios are used to choose between multiple options.
Select Fields allow users to choose from a list of options.
Gives user an idea of what content is loading.
Stack is used to space items evenly in a vertical fashion.
Subcomponents are utilities used to create bespoke components.
Summary List provides a summary of data, generally from a form.
Tabs allows the user to switch between content sections.
Text is used for inline text elements.
Text Fields allow users to input text and numbers.
Text Link is to link to pages or anchor points.
Textarea allows users to provide multiple lines of text.
Timeline shows a series of content in chronological order
Visually Hidden is used to give context to screen reader users.