ToggleButton
ToggleButton is a type of button that stores and shows a status representing the toggle state of the component.
Usage
Basic
The ToggleButton offers three style options: Primary (default), Standard, and Text.
Primary button
Primary buttons are attention-grabbing, featuring a filled appearance. They're designed for essential actions at the core of your application.
Standard button
Standard buttons offer a moderate level of emphasis, suitable for important actions that aren't central to the application. They serve as a middle ground between Text buttons and the more prominent Primary buttons, providing flexibility in emphasis.
Text button
Text buttons are best suited for understated actions, serving as a less prominent choice in various interface elements.
Controlled
Explore default checked state, two-way binding, and handling change events for a customizable user experience.
DefaultIsChecked:
Two-way bound:
OnChange:
Size
Varying sizes for buttons tailored to meet diverse design needs, ensuring flexibility and visual hierarchy within your interface.
Style & Class
Empower customization by overriding default styles and classes, allowing tailored design modifications to suit specific UI requirements.
Component's Style & Class:
Styles & Classes:
Visibility
You can control the display of buttons with three settings, 'Visible' for full display, 'Hidden' for concealing buttons without altering layout, and 'Collapsed' to remove the button and its space.
Visible: [ ]
Hidden: [ ]
Collapsed: [ ]
RTL
Implementation
BitToggleButton parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase public members
Name |
Type |
Default value |
Description |
---|---|---|---|
BitToggleButtonClassStyles properties
Name |
Type |
Default value |
Description |
---|---|---|---|
BitVisibility enum
Name |
Value |
Description |
---|---|---|
BitDir enum
Name |
Value |
Description |
---|---|---|