mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-06-16 17:49:09 +00:00
Feat/editor category pass2 (#290)
* feat(design-system): add editor skeletons * use css media queries rather than JS media queries * init remake * feat: add basis of toggle atom * finish toggle * use pointer cursor with toggle * sync * feat: add server message in editor * cleanup storybook * add short editor item and data model for categories * chore: fix build by moving jest version downward * chore: remove old category editor * chore: fix EditorCategoryShort index * add editor wiring and styling updates * fix linting issues
This commit is contained in:
parent
a37d481b18
commit
7d681d69d6
48 changed files with 927 additions and 1100 deletions
23
packages/design-system/atoms/toggle/Toggle.stories.tsx
Normal file
23
packages/design-system/atoms/toggle/Toggle.stories.tsx
Normal file
|
@ -0,0 +1,23 @@
|
|||
import * as React from 'react';
|
||||
import { Toggle } from './Toggle';
|
||||
export default {
|
||||
title: 'Atoms/Toggle',
|
||||
component: Toggle,
|
||||
};
|
||||
|
||||
export const toggle = (args) => <Toggle {...args}>Turn a cool thing on</Toggle>;
|
||||
export const interactive = (args) => {
|
||||
const [state, setState] = React.useState(true);
|
||||
return (
|
||||
<Toggle
|
||||
{...args}
|
||||
state={state}
|
||||
onChange={(val) => {
|
||||
setState(val);
|
||||
args.onChange(val);
|
||||
}}
|
||||
>
|
||||
Turn a cool thing on
|
||||
</Toggle>
|
||||
);
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue