Components

Blockquote component screenshot

Blockquote

Displays content quoted from elsewhere.

Button component screenshot

Button

A button for on-page interactions, typically in forms.

ButtonSubmit component screenshot

ButtonSubmit

A form submit button that displays loading and success state.

Code component screenshot

Code

Displays code inline in text.

Fieldset component screenshot

Fieldset

Groups and labels related form fields.

Heading component screenshot

Heading

A text heading.

Html component screenshot

Html

Displays simple HTML with styles, typically derived from markdown.

Icon component screenshot

Icon

An inline SVG icon.

IconTick component screenshot

IconTick

An inline SVG tick icon.

LinkActive component screenshot

LinkActive

A Next.js route link that puts an active boolean prop on the child if the link matches the current route path.

LinkCard component screenshot

LinkCard

A hyperlink to wrap a small card of content.

LinkNav component screenshot

LinkNav

A navigation link to display in the Nav component.

LinkText component screenshot

LinkText

An inline text hyperlink.

List component screenshot

List

A bulleted or numbered list.

Loading component screenshot

Loading

An inline, animated spinner to indicate data loading or processing.

Nav component screenshot

Nav

Displays navigation links in a horizontal, spaced and scrollable grid.

Para component screenshot

Para

A text paragraph.

Picture component screenshot

Picture

A picture with a responsive width and proportionate height, even while loading.

Pre component screenshot

Pre

Displays preformatted and typically multiline text.

Scroll component screenshot

Scroll

Displays children in a horizontally spaced and scrollable grid.

Select component screenshot

Select

An input that provides a selection of options.

Table component screenshot

Table

Displays tabulated data.

Textbox component screenshot

Textbox

An input or textarea.

Toggle component screenshot

Toggle

A checkbox or radio input.

WordBreaks component screenshot

WordBreaks

Renders text with aesthetically pleasing word break opportunities.