ButtonGroupSeparator

Source: client/lib/theme/vueda-tailwind/controls/index.js

The explicit divider used inside a ButtonGroup when the segmented cluster needs a visible split between text segments. Uses the --input token so the divider matches the surrounding hairline color in both modes, and stretches to the group's cross-axis.

Vue component: ButtonGroupSeparator

Slot	Default classes	Description
root	bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto	The explicit divider used inside a ButtonGroup when the segmented cluster needs a visible split between text segments. Uses the --input token so the divider matches the surrounding hairline color in both modes, and stretches to the group's cross-axis.

root

The explicit divider used inside a ButtonGroup when the segmented cluster needs a visible split between text segments. Uses the --input token so the divider matches the surrounding hairline color in both modes, and stretches to the group's cross-axis.

Default classes:

bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto

Source: client/lib/theme/vueda-tailwind/controls/ButtonGroupSeparator.theme.js:17