FloatingLabel
FloatingLabel Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| label | text | — | |
| type | selecttext | email | password | number | — | |
| disabled | boolean | — | |
| error | boolean | — | |
| helperText | text | — |
Default
WithValue
WithError
Please enter a valid email address
Disabled
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
disabled | boolean | — | Disabled state |
error | boolean | — | Error state |
helperText | text | — | Helper text below input |
label | text | — | Label text |
type | select | — | Input type |
Using FloatingLabeltsx
import { FloatingLabel } from '@/components/FloatingLabel'
<FloatingLabel
label="..."
type="..."
disabled="..."
error="..."
helperText="..."
/>Tokens Used
No design tokens detected