Sliding Segmented Control

1npm install @openwebf/react-cupertino-ui

1import { useState } from 'react';
2import {
3  FlutterCupertinoSlidingSegmentedControl,
4  FlutterCupertinoSlidingSegmentedControlItem,
5} from '@openwebf/react-cupertino-ui';
6
7export function SegmentedControlExample() {
8  const [index, setIndex] = useState(0);
9
10  return (
11    <FlutterCupertinoSlidingSegmentedControl
12      currentIndex={index}
13      onChange={(e) => setIndex(e.detail)}
14    >
15      <FlutterCupertinoSlidingSegmentedControlItem title="First" />
16      <FlutterCupertinoSlidingSegmentedControlItem title="Second" />
17      <FlutterCupertinoSlidingSegmentedControlItem title="Third" />
18    </FlutterCupertinoSlidingSegmentedControl>
19  );
20}