todo

gen with jamdocs

components

[ ] Accordion: Expands or collapses a stacked list of panels

[ ] Alert: Notifies a user without blocking their workflow

[ ] Announcement: Arranges content and interactive elements in a layout

[ ] Audio player: Plays audio clips and includes other features

[ ] Avatar: Visually represents a user in a masthead or navigation

[ ] Back to top: A shortcut to the top of the page content

[ ] Badge: Annotates information like a label or object

[ ] Blockquote: Highlights quotations and citations with text styles

[ ] Breadcrumb: Links displaying a hierarchical location

[ ] Button: Triggers actions on the page or in the background

[ ] Card: Arranges content and interactive elements in a layout

[ ] Chip: Filter information or indicate that a selection was made

[ ] Code block: Formats code strings within a container

[ ] Call to action: A call to action is styled text representing a link.

[ ] Dialog: Communicates information requiring user input or action

[ ] Disclosure: A disclosure toggles the visibility of content when triggered

[ ] Footer: Displays secondary information at the bottom of a page

[ ] Footnote: Provides additional information or a source for content

[ ] Health index: Displays a health grade for a particular item or package

[ ] Icon: Decorative element which supports related content

[ ] Jump links: Moves users to specific content when a link is selected

[ ] Menu dropdown: A collapsible menu for presenting a list of options or actions

[ ] Navigation link: A link that can be used as a child of navigation elements.

[ ] Navigation (primary): Primary navigation

[ ] Navigation (secondary): Propagates related content across a series of pages

[ ] Navigation (vertical): Vertical navigation

[ ] Pagination: Allows users to navigate content divided into pages

[ ] Popover: Overlays an area of information without blocking users

[ ] Progress stepper: Communicate how many steps are required to complete a process

[ ] Scheme toggle: Switches between a variety of color schemes

[ ] Site status: Communicates operational status of a website or domain

[ ] Skeleton: A placeholder for content that is loading.

[ ] Skip link: Skip to the main content of a page

[ ] Spinner: Notifies users their action is being processed or loaded

[ ] Statistic: Showcases a data point or quick fact visually

[ ] Subnavigation: Organizes content into sections using tabbed pages

[ ] Surface: Provides background color context for elements placed on top

[ ] Switch: A switch toggles the state of a setting (between on and off).

[ ] Table: Organizes and displays information from a data set

[ ] Tabs: Arranges content in a contained view on the same page

[ ] Tag: Highlights an element to add clarity or draw attention

[ ] Tile: Creates a clickable, contained surface

[ ] Timestamp: Displays a line of text with date and time values

[ ] Tooltip: Reveals a small area of information on hover

[ ] Video embed: Reveals a small area of information on hover