import { IconBold, IconItalic, IconUnderline } from '@tabler/icons-react'; Component Props ### Default Preview Code ```jsx import { IconBold, IconItalic, IconUnderline } from '@tabler/icons-react'; import { ToggleGroup, ToggleGroup.Item } from "@xbeshui/core" export function ToggleGroupDemo (){ } ```

## Examples ### Outline Preview Code ```jsx import { IconBold, IconItalic, IconUnderline } from '@tabler/icons-react'; import { ToggleGroup, ToggleGroup.Item } from "@xbeshui/core" export function ToggleGroupDemo (){ } ```

## Toggle Group Component Props | Name | Type | Description | | --------------- | ------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | variant | default, outline | Different visual styles or appearances of the component. | | size | default, xs, sm, md, lg | Adjusts the dimensions of the component, converting numerical values to relative units of measurement. Defaults to 'md' size. | | radius | none, sm, md, lg, xl, xxl, full | Specifies the border-radius using the key from theme.radius or any valid CSS value. Numeric values are converted to rem, with a default value of theme.defaultRadius. | | defaultVariants | Variant, Size, Radius | The DefaultVariants component allows for the definition of default styles and variants for UI elements. | The `defaultVariants` prop allows for defining default styles and variants for UI elements, ensuring consistent design patterns and ease of customization.