Components
input
Form input with 16 input types.
Form input element with label. The content string is the label, not placeholder.
| Type | Description |
|---|
text | Text input (default) |
email | Email input |
password | Password input |
search | Search input |
tel | Phone input |
textarea | Multi-line text |
select | Dropdown select |
radio | Radio button group |
checkbox | Checkbox |
toggle | Toggle switch |
number | Number input |
slider | Range slider |
date | Date picker |
time | Time picker |
color | Color picker |
file | File upload |
accepts content
Layout
| Property | Type | Default |
|---|
:rows | number | - |
Sizing
| Property | Type | Default |
|---|
:full | flag | - |
:fit | flag | - |
:fill | flag | - |
Dimensions
| Property | Type | Default |
|---|
:width | any | - |
:height | any | - |
State
| Property | Type | Default |
|---|
:disabled | flag | - |
:error | flag | - |
:checked | flag | - |
Input
| Property | Type | Default |
|---|
:type | symbol | text |
:placeholder | string | - |
:value | any | - |
:options | string | - |
:min | number | - |
:max | number | - |
:step | number | - |
Note: For checkbox/toggle inputs, use :checked true or :checked false as a property to set the initial state.