Intech Logo v1.0

Component Library

All shared UI components from @workspace/ui, organised by atomic design principles.

Atoms

Fundamental building blocks — the smallest indivisible UI elements.

Button

Variants
Sizes
States

Badge

Variants
Default Secondary Outline Destructive Ghost Link

Checkbox

States
With label

Input

States
Types

Label

Standalone
Paired with input

Radio Group

Vertical
Horizontal

Separator

Horizontal

Above

Below

Vertical
Left
Right

Skeleton

Shapes
Card skeleton

Switch

States
Small size
With label

Textarea

States

Tooltip

Positions

Molecules

Combinations of atoms that form more complex, reusable UI patterns.

Avatar

Sizes
JDJDJD
Fallback
SMJDLG
With badge
JDJD
Group
U1U2U3
+5

Card

Default
Card title
A short description of this card's purpose.
New

Card body content goes here. You can place any element inside.
Simple
Simple card

Minimal card with just a title and content.

Field

Vertical (default)

This will be displayed on your profile.
With error
Horizontal
FieldSet
Account settings

Max 160 characters.

Select

Default
Small size
Disabled

Organisms

Complex, self-contained UI sections composed of molecules and atoms.

Dialog

Default
Destructive action

Sheet

Sides

Sonner (Toast)

Toast variants