Application Components¶
application.action-bar¶
Version: 1.0.0 · Category: action
| Property | Type | Required | Allowed values |
|---|---|---|---|
actions |
array | yes | |
alignment |
string | start, center, end |
Events
| Event | Description |
|---|---|
action |
An action was triggered |
Design tokens: primary, danger, surface, radius
application.badge¶
Version: 1.0.0 · Category: display
| Property | Type | Required | Allowed values |
|---|---|---|---|
label |
string | yes | |
tone |
string | neutral, info, success, warning, danger |
Design tokens: info, success, warning, danger, neutral, radius
Variants: neutral, info, success, warning, danger
application.checkbox¶
Version: 1.0.0 · Category: form
| Property | Type | Required | Allowed values |
|---|---|---|---|
disabled |
boolean | ||
label |
string |
Data inputs
| Input | Type | Required | Description |
|---|---|---|---|
value |
scalar | Bound checked state |
Events
| Event | Description |
|---|---|
change |
Checked state changed |
Capabilities: state.write
Design tokens: primary, border, text
application.form¶
Version: 1.0.0 · Category: container
| Property | Type | Required | Allowed values |
|---|---|---|---|
submitLabel |
string | ||
title |
string |
Events
| Event | Description |
|---|---|
submit |
Form submitted |
Design tokens: surface, border, radius
application.input¶
Version: 1.0.0 · Category: form
| Property | Type | Required | Allowed values |
|---|---|---|---|
disabled |
boolean | ||
label |
string | ||
placeholder |
string | ||
required |
boolean | ||
type |
string | text, email, number, password, date |
Data inputs
| Input | Type | Required | Description |
|---|---|---|---|
value |
scalar | Bound field value (usually a state path) |
Events
| Event | Description |
|---|---|
change |
Value changed |
Capabilities: state.write
Design tokens: border, surface, text, focus, radius
application.record-detail¶
Version: 1.0.0 · Category: record
| Property | Type | Required | Allowed values |
|---|---|---|---|
fields |
array | ||
title |
string |
Data inputs
| Input | Type | Required | Description |
|---|---|---|---|
record |
object | yes | The record to display |
Events
| Event | Description |
|---|---|
edit |
Edit requested for a field |
Capabilities: data.read
Design tokens: surface, border, text, text-muted, radius
application.record-list¶
Version: 1.0.0 · Category: record
| Property | Type | Required | Allowed values |
|---|---|---|---|
columns |
array | ||
selectable |
boolean | ||
title |
string |
Data inputs
| Input | Type | Required | Description |
|---|---|---|---|
records |
array | yes | Records to list |
Events
| Event | Description |
|---|---|
select |
Record selected |
Capabilities: data.read
Design tokens: surface, border, text, text-muted, radius
application.select¶
Version: 1.0.0 · Category: form
| Property | Type | Required | Allowed values |
|---|---|---|---|
disabled |
boolean | ||
label |
string | ||
options |
array | ||
placeholder |
string |
Data inputs
| Input | Type | Required | Description |
|---|---|---|---|
value |
scalar | Bound selected value |
Events
| Event | Description |
|---|---|
change |
Selection changed |
Capabilities: state.write
Design tokens: border, surface, text, focus, radius