Components
Blockquote
Displays content quoted from elsewhere.
Button
A button for on-page interactions, typically in forms.
ButtonSubmit
A form submit button that displays loading and success state.
Code
Displays inline code.
Fieldset
Groups and labels related form fields.
Heading
A text heading.
Html
Displays simple HTML with styles, typically derived from markdown.
Icon
An inline SVG icon.
IconTick
An inline SVG tick icon.
LinkActive
A Next.js route link that puts an active boolean prop on the child if the link matches the current route path.
LinkCard
A link to wrap a small card of content.
LinkNav
A navigation link within the Nav component.
LinkText
An inline text link.
ListOrdered
An ordered list.
ListUnordered
An unordered list.
Loading
An inline, animated spinner to indicate data loading or processing.
Margin
Surrounds content with a margin.
Nav
Displays navigation links in a horizontal, spaced and scrollable grid.
Para
A text paragraph.
Picture
A picture with a responsive width and proportionate height, even while loading.
Pre
Displays preformatted and typically multiline text.
Scroll
Displays children in a horizontally spaced and scrollable grid.
Select
An input that provides a selection of options.
Table
Displays tabulated data.
Textbox
An input or textarea.
Toggle
A checkbox or radio input.
WordBreaks
Renders text with aesthetically pleasing word break opportunities.