mirror of
https://github.com/hanzonet/explore.git
synced 2026-10-30 18:16:57 +00:00
tom goriunovandGitHub
b2e1ae967c
* add more form fields and fix link props * extend select component to render custom item and add lg size to switch * fix build * fix button border radius * fix ts
36 lines
827 B
TypeScript
36 lines
827 B
TypeScript
import React from 'react';
|
|
|
|
import { Switch } from 'toolkit/chakra/switch';
|
|
|
|
import { Section, Container, SectionHeader, SamplesStack, Sample } from './parts';
|
|
|
|
const SwitchShowcase = () => {
|
|
|
|
return (
|
|
<Container value="switch">
|
|
<Section>
|
|
<SectionHeader>Size</SectionHeader>
|
|
<SamplesStack>
|
|
<Sample label="size: sm">
|
|
<Switch size="sm">
|
|
Show duck
|
|
</Switch>
|
|
</Sample>
|
|
<Sample label="size: md">
|
|
<Switch size="md">
|
|
Show duck
|
|
</Switch>
|
|
</Sample>
|
|
<Sample label="size: lg">
|
|
<Switch size="lg">
|
|
Show duck
|
|
</Switch>
|
|
</Sample>
|
|
</SamplesStack>
|
|
</Section>
|
|
</Container>
|
|
);
|
|
};
|
|
|
|
export default React.memo(SwitchShowcase);
|