Core Components¶
core.button¶
Version: 1.0.0 · Category: action
| Property | Type | Required | Allowed values |
|---|---|---|---|
disabled |
boolean | ||
icon |
string | ||
label |
string | yes | |
size |
string | sm, md, lg |
|
variant |
string | primary, secondary, ghost, danger |
Events
| Event | Description |
|---|---|
click |
Button clicked |
Design tokens: accent, danger, radius
Variants: primary, secondary, ghost, danger
core.card¶
Version: 1.0.0 · Category: layout
| Property | Type | Required | Allowed values |
|---|---|---|---|
elevated |
boolean | ||
padding |
string | ||
subtitle |
string | ||
title |
string |
Events
| Event | Description |
|---|---|
click |
Card body clicked |
Layout constraints: min width 200px
Design tokens: surface, border, radius, shadow
Variants: default, outlined, elevated
core.image¶
Version: 1.0.0 · Category: content
| Property | Type | Required | Allowed values |
|---|---|---|---|
alt |
string | ||
fit |
string | cover, contain, fill |
|
src |
string | yes |
Design tokens: radius
core.modal¶
Version: 1.0.0 · Category: overlay
| Property | Type | Required | Allowed values |
|---|---|---|---|
closable |
boolean | ||
overlayDim |
boolean | ||
size |
string | sm, md, lg, full |
|
title |
string |
Events
| Event | Description |
|---|---|
close |
Modal closed |
confirm |
Confirm action triggered |
Actions: open, close
Design tokens: surface, shadow, radius
Variants: sm, md, lg, full
core.tabs¶
Version: 1.0.0 · Category: navigation
| Property | Type | Required | Allowed values |
|---|---|---|---|
defaultTab |
string | ||
variant |
string | line, enclosed, pill |
Events
| Event | Description |
|---|---|
change |
Active tab changed |
Design tokens: accent, border
Variants: line, enclosed, pill
core.text¶
Version: 1.0.0 · Category: content
| Property | Type | Required | Allowed values |
|---|---|---|---|
content |
string | ||
markdown |
boolean | ||
variant |
string | body, heading, caption, code |
Design tokens: font-family, text
Variants: body, heading, caption, code