Turbopills UI
/
components
Files
Code
Info
Input
Input field with title, hint, suffix and error message.
Masked Input
masked-input
Masked input with presets (tel/date) and optional calendar picker.
Multiple Choice
multiple-choice
Multiple choice field with optional max selections.
Progress (Cells)
progress-cells
Segmented progress bar with optional labels/tooltips.
Progress (Numbered)
progress-numbered
Numbered step progress with collapse/ellipsis.
Progress (Solid)
progress-solid
Simple solid progress bar.
Progress (Stretch)
progress-stretch
Progress with expanding current step.
Single Choice
single-choice
Single choice field (list or cells) with optional deselect.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Input
Input field with title, hint, suffix and error message.
Masked Input
masked-input
Masked input with presets (tel/date) and optional calendar picker.
Multiple Choice
multiple-choice
Multiple choice field with optional max selections.
Progress (Cells)
progress-cells
Segmented progress bar with optional labels/tooltips.
Progress (Numbered)
progress-numbered
Numbered step progress with collapse/ellipsis.
Progress (Solid)
progress-solid
Simple solid progress bar.
Progress (Stretch)
progress-stretch
Progress with expanding current step.
Single Choice
single-choice
Single choice field (list or cells) with optional deselect.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information