Toggle
A toggle represents a physical switch that allows someone to choose between two mutually exclusive options. For example, “On/Off”, “Show/Hide”. Choosing an option should produce an immediate result.
Usage
Basic
Show code
Texts
Show code
Customize BitToggle On and Off texts, providing more context for its state.
Label
Show code
Use inline labels and custom label templates in BitToggle.
Inline:
LabelTemplate:
Reversed
Show code
Reverse the label and input position of BitToggle.
Default:
Inline:
FullWidth
Show code
Full width BitToggle in Inline mode.
Default:
Reversed:
go go go
Binding
Show code
Bind value one-way and two-way in BitToggle
Style & Class
Show code
Customize the appearance of BitToggle using styles and CSS classes.
Validation
Show code
Use BitToggle within a form and validate its state.
RTL
Show code
Use BitToggle in right-to-left (RTL).
API
BitToggle parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitInputBase parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitInputBase public members
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase public members
Name |
Type |
Default value |
Description |
---|---|---|---|
BitToggleClassStyles properties
Name |
Type |
Default value |
Description |
---|---|---|---|
BitVisibility enum
Name |
Value |
Description |
---|---|---|
BitDir enum
Name |
Value |
Description |
---|---|---|
- On this page