wix-style-react/src/SegmentedToggle/docs/SegmentedToggle.demo.js

wix-style-react

import React from 'react';
import * as Icons from 'wix-ui-icons-common';
import { StorybookComponents } from 'wix-storybook-utils/StorybookComponents';

import SegmentedToggle from '..';
import FormField from '../../FormField';

export default () => (
  <StorybookComponents.Stack>
    <FormField label="Show as">
      <SegmentedToggle defaultSelected="option1">
        <SegmentedToggle.Button prefixIcon={<Icons.List />} value="option1">
          List
        </SegmentedToggle.Button>
        <SegmentedToggle.Button
          prefixIcon={<Icons.ColorDrop />}
          value="option2"
        >
          Color
        </SegmentedToggle.Button>
      </SegmentedToggle>
    </FormField>
  </StorybookComponents.Stack>
);