A set of toggle buttons where one or several can be pressed.
boolean |
true |
Whether to loop keyboard focus back to the first item when the end of the list is reached while using the arrow keys. |
multiple | boolean | false | When |
onValueChange | ((groupValue: Value[], eventDetails: ToggleGroup.ChangeEventDetails) => void) | – | Callback fired when the pressed states of the toggle group changes. |
orientation | "horizontal"|"vertical" | 'horizontal' | Whether the items are laid out horizontally or vertically. |
size | "lg"|"sm"|"default" | default | The size of the component. |
value | readonly string[] | – | The pressed state of the toggle group represented by an array of the values of all pressed toggle buttons. This is the controlled counterpart of |
variant | "default"|"outline" | default | The visual style of the component. |
