Segmented Control

Import/Installation

import { SegmentedControl } from "@lottiefiles/creator-plugins-ui";

<SegmentedControl
  value={value}
  onChange={setValue}
  options={[
    { value: "a", label: "A" },
    { value: "b", label: "B" },
  ]}
/>

Prop	Type	Default	Required	Description
value	string	—	Yes	The currently selected value.
options	{ value: string; label: string }[]	—	Yes	Array of options to display.
onChange	(value: string) => void	—	Yes	Callback fired when the value changes.
disabled	boolean	—	No	Whether the control is disabled.
variant	"default" \| "outline"	"default"	No	The visual variant of the segmented control.
size	"sm" \| "default"	"default"	No	The size of the segmented control.