23 lines
522 B
Markdown
23 lines
522 B
Markdown
|
```jsx
|
||
|
|
import { SegmentedSelection } from '@woocommerce/components';
|
||
|
|
|
||
|
|
const name = 'number';
|
||
|
|
|
||
|
|
const MySegmentedSelection = withState( {
|
||
|
|
selected: 'two',
|
||
|
|
} )( ( { selected, setState } ) => (
|
||
|
|
<SegmentedSelection
|
||
|
|
options={ [
|
||
|
|
{ value: 'one', label: 'One' },
|
||
|
|
{ value: 'two', label: 'Two' },
|
||
|
|
{ value: 'three', label: 'Three' },
|
||
|
|
{ value: 'four', label: 'Four' },
|
||
|
|
] }
|
||
|
|
selected={ selected }
|
||
|
|
legend="Select a number"
|
||
|
|
onSelect={ ( data ) => setState( { selected: data[name] } ) }
|
||
|
|
name={ name }
|
||
|
|
/>
|
||
|
|
) );
|
||
|
|
```
|