Widget | Dedicated page | When to choose it |
|---|---|---|
Button | One explicit action such as save, submit, open, or close | |
ButtonVariant | Supporting type for button style choice | |
ButtonContentAlign | Supporting type for button content alignment | |
Checkbox | Boolean choice with visible checked state | |
Radio | One selection inside a known group | |
Switch | Boolean choice that reads like on or off state | |
Slider | Continuous single numeric value | |
RangeSlider | Continuous lower and upper bound selection | |
SegmentedControl | A small set of exclusive options presented side by side |
Widget | Dedicated page | When to choose it |
|---|---|---|
TextInput | Free-form text entry | |
NumberInput | Numeric entry with dedicated affordances | |
FormControl | Label, helper, or validation wrapper around a field | |
Editable | Lower-level editable content surface |
Widget | Dedicated page | When to choose it |
|---|---|---|
Select | Closed choice list with a dedicated picker surface | |
SelectItem | Supporting item type for Select | |
Combobox | Typing plus filtered suggestion selection | |
DropDown | Dropdown helper or composition surface | |
DatePicker | Date choice | |
DateRangePicker | Start and end date choice | |
TimePicker | Time-of-day choice |
Widget | Dedicated page | When to choose it |
|---|---|---|
GestureDetector | A widget needs direct gesture callbacks | |
Draggable | A region should act as a drag source | |
DragTarget | A region should accept drops | |
Dropzone | File or payload drops need a dedicated area | |
FileUpload | File selection and upload flow wrapper |