Cmd/Ctrl + K to search
ESC to clear / exit
Product documentation
Developer Documentation Product documentation
  • Getting started
  • Design systems
  • Documentation
  • Code automation
  • Administration
  • Releases
Getting started Design systems Documentation Code automation Administration Releases
Get started for free
  • Getting started
    • Design systems 101
    • Design system overview
    • Managing your design system
    • Multi-brand design systems
    • Invite only design systems
    • Versioning
  • Import design system data
    • Overview
    • How Figma works with Supernova
    • Importing from Figma
    • Managing connected Figma files
    • Importing Figma variables
    • Importing via Tokens Studio
    • Connecting Storybook
  • Design tokens
    • Overview
    • Tokens 101
    • Types of tokens
    • Working with tokens
    • Theme tokens
    • Referencing tokens
  • Components
    • Overview
    • Components 101
    • Working with components
    • Figma components
  • Custom properties
  • Storybook stories
  • Assets
  • Fonts
Powered by Supernova

Overview

Learn about components in Supernova.

Learn about components

Components 101

Learn how to use components in Supernova

Working with components

Custom properties

Design tokens
Referencing tokens
Components
Components 101
On this page
  • Learn about components
  • Learn how to use components in Supernova

© 2025 Product documentation. Page last updated on Jun 27, 2024, 14:42