React
Is new design vision part implemented using new tokens?
Up to date
Resources
Example
import { SegmentedControl, SegmentedControlItem } from '@optimus-web/core';
const MyComponent = () => {
const [value, setValue] = useState('1');
return (
<SegmentedControl
value={value}
onChange={(_e, val) => setValue(val)}
size={size}
disabled={disabled}
name="my-component"
>
<SegmentedControlItem
label="Lorem ipsum dolor sit amet consectetur adipiscing elit"
value="1"
/>
<SegmentedControlItem
label="Vivamus sollicitudin metus lorem ac dignissim enim sagittis vitae"
value="2"
disabled
/>
<SegmentedControlItem
label="Fusce at libero tincidunt neque dignissim iaculis"
value="3"
/>
<SegmentedControlItem
label="Vestibulum lacinia elit id ante mattis ornare"
value="4"
/>
<SegmentedControlItem
label="Lorem ipsum dolor sit amet consectetur adipiscing elit"
value="5"
/>
</SegmentedControl>
);
};