'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_7_11'%20x1='0.201583'%20y1='-0.0384081'%20x2='21.0672'%20y2='28.776'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2304CC3C'/%3e%3cstop%20offset='1'%20stop-color='%230062BC'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e){kind=small}
Revo ToggleButton API
Props, callbacks and methods. Select an underlined type to explore its fields, allowed values and callback arguments.
ToggleButton9 props1 callbacks0 methods
Props9
| Name | Type | Description |
|---|---|---|
roundedOptional | boolean | undefined | Pill-shaped corners for any button variant. |
hrefOptional | string | undefined | Render navigation with native anchor semantics. |
targetOptional |
| Browsing context used when a button renders a link, for example _blank. |
relOptional | string | undefined | Link relationship tokens, such as noopener, when the button has an href. |
busyOptional | boolean | undefined | Show progress and block activation until cleared, preserving variant colors. |
classNameOptional | string | undefined | Additional CSS classes applied to the component root. |
variantOptional | "link" | "ghost" | "solid" | "default" | "primary" | "secondary" | "danger" | "danger-outline" | undefined | Selects the visual action style without changing the action behavior. |
sizeOptional | "default" | "compact" | undefined | Visual size of this component; numeric icon/avatar sizes are in pixels, while controls use the declared named sizes. |
pressedRequired | boolean | Controlled pressed state of the toggle button. |
Events and callbacks1
| Name | Type | Description |
|---|---|---|
onPressedChangeRequired |
| Receives the new pressed state when the toggle is activated. |
Methods0
No component-specific imperative methods. Use props and callbacks to control this component.