ant-design/components/segmented/demo/controlled.md
vagusX 1548f44ef8
feat: upgrade rc-segmented v2 (#35187)
* docs: add debug demo for segmented

* chore: update

* feat: upgrade rc-segmented v2

* Update components/segmented/__tests__/index.test.tsx

Co-authored-by: afc163 <afc163@gmail.com>

* Update components/segmented/demo/controlled-two.md

Co-authored-by: afc163 <afc163@gmail.com>

Co-authored-by: afc163 <afc163@gmail.com>
2022-04-23 21:00:05 +08:00

445 B

order title
0
zh-CN en-US
受控模式 Controlled mode

zh-CN

受控的 Segmented。

en-US

Controlled Segmented.

import React, { useState } from 'react';
import { Segmented } from 'antd';

const Demo: React.FC = () => {
  const [value, setValue] = useState<string | number>('Map');

  return <Segmented options={['Map', 'Transit', 'Satellite']} value={value} onChange={setValue} />;
};

export default Demo;