Base

Components

21 components in the brand: 19 of shadcn/ui's 62, and 2 of our own. Open one for its code, variants and states, and when to use it.

Forms and inputs

6 components

Button

Starts an action. Six variants and four sizes, with icon, loading and disabled states.

Input

One line of text. Always with a label; errors say what went wrong and how to fix it.

Textarea

Several lines of text: messages, notes, descriptions.

Label

Names a field. Clicking it focuses the field.

Switch

Turns a setting on or off, and the change applies straight away.

Overlays

4 components

Dialog

Asks for a decision or a short task on top of the page.

Sheet

A panel that slides in from an edge, for details next to the page.

Data display

4 components

Avatar

A person or a team as a photo, or initials when there's none.

ISOL

Badge

A short label on an item: a count, a type, a tag.

BrandProduct

Card

One idea in a box: a title, a line about it, content and actions.

Brand presentation
18 slides, updated on 9 October.

Collapsible

Shows and hides one part of the page.

Three older versions
Version 4 · today

Feedback and status

2 components

Status badge

A dot for the tone, a plain label for the state. One per item.

DoneWith the client

Layout and utility

1 component

Not added yet

43 shadcn/ui components we'll add when a page needs them. The links open shadcn/ui's own docs.

Forms and inputs

Overlays

Navigation

Data display

Feedback and status

Layout and utility

Conversation