segmentedTrack

Draws the track the segments sit in.

tsx

import { segmentedTrack } from "@sdxc/ui/styles";

Signature

typescript

segmentedTrack<Node extends Element = Element>(): UtilityMixin<Node>

Returns a css() mixin ready for the track's mix prop.

tsx

<div role="group" aria-label={t("range")} mix={[segmentedTrack()]}>{segments}</div>;

The events, constants and types its module publishes, each imported from @sdxc/ui/styles too.

Interface

Options accepted by segmentedItem.

Member	Type	Required	Description
`selected`	`string`	No	Selector, relative to the segment, that matches while it is the chosen one.
`focused`	`string`	No	Selector, relative to the segment, that matches while keyboard focus is on it.