Label
Input labels with positioning and floating variants
Class Reference Basic
Label(
Span('https://', cls='label'),
Input(type='text', placeholder='URL'),
cls='input'
)Auto-import documentation coming soon...
Label(
Input(type='text', placeholder='domain name'),
Span('.com', cls='label'),
cls='input'
)Auto-import documentation coming soon...
Label(
Span('Type', cls='label'),
Select(
Option('Personal'),
Option('Business')
),
cls='select'
)Auto-import documentation coming soon...
Label(
Span('Publish date', cls='label'),
Input(type='date'),
cls='input'
)Auto-import documentation coming soon...
Label(
Span('Your name'),
Input(type='text', placeholder='Your name', cls='input input-md'),
cls='floating-label'
)Auto-import documentation coming soon...
Label(
Input(type='text', placeholder='Extra Small', cls='input input-xs'),
Span('Extra Small'),
cls='floating-label'
)
Label(
Input(type='text', placeholder='Small', cls='input input-sm'),
Span('Small'),
cls='floating-label'
)
Label(
Input(type='text', placeholder='Medium', cls='input input-md'),
Span('Medium'),
cls='floating-label'
)
Label(
Input(type='text', placeholder='Large', cls='input input-lg'),
Span('Large'),
cls='floating-label'
)
Label(
Input(type='text', placeholder='Extra Large', cls='input input-xl'),
Span('Extra Large'),
cls='floating-label'
)Auto-import documentation coming soon...
Class Reference
| Class | Type | Description |
|---|---|---|
| label | Component | Base label styling |
| floating-label | Component | Container for floating label effect |
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
LLMs Context: Full Markdown | This Component