Hadrius

Current Company

Design System Component Showcase

A collection of UI components from the @1quantbase/ui library

Button Component Example
Demonstrates the Button component with loading state
Badge Component
Various badge variants for status indicators
Default
Secondary
Outline
Destructive
Success
Default
Secondary
Outline
Destructive
Success
Default
Secondary
Outline
Destructive
Success
Chip Component
Interactive chips for filtering and selection with multiple styles, variants, and sizes

Outline Style - Neutral Variant

Closeable
Full Featured
Large Size
Disabled

Outline Style - Primary Variant

With Icon
Closeable
Large

Outline Style - Secondary Variant

With Icon
Closeable

Solid Style - Neutral Variant

With Icon
Closeable
Large

Solid Style - Primary Variant

Primary
With Icon
Closeable
Large

Solid Style - Secondary Variant

Secondary
With Icon
Closeable

Custom Icon Example

Favorite
Starred
Input Component
Text input with controlled state

Current value: (empty)