@lunit/design-system 2.1.0 → 2.2.3

package/src/stories/components/ToggleButton/ToggleButtonDocs.mdx

@@ -1,11 +1,11 @@
-import { Canvas, Stories, Controls, Meta, Story } from "@storybook/blocks";
-import Box from "@mui/material/Box";
-import Bell from "@lunit/design-system-icons/Bell";
+import { Canvas, Stories, Controls, Meta, Story } from '@storybook/addon-docs/blocks';
+import Box from '@mui/material/Box';
+import Bell from '@lunit/design-system-icons/Bell';
 
-import ToggleButton from "@/components/ToggleButton";
-import * as ToggleButtonStories from "./Basic.stories";
-import * as ToggleButtonKindStories from "./ToggleButtonKind.stories";
-import * as ToggleButtonIconStories from "./WithIcon.stories";
+import ToggleButton from '@/components/ToggleButton';
+import * as ToggleButtonStories from './Basic.stories';
+import * as ToggleButtonKindStories from './ToggleButtonKind.stories';
+import * as ToggleButtonIconStories from './WithIcon.stories';
 
 <Meta name="Toggle Button Docs" of={ToggleButtonStories} />
 
@@ -18,9 +18,9 @@ A Toggle Button can be used to group related options.
 ### Basic ToggleButton
 
 ```tsx
-import { ToggleButton } from "@lunit/design-system";
+import { ToggleButton } from '@lunit/design-system';
 // or
-import ToggleButton from "@lunit/design-system/ToggleButton";
+import ToggleButton from '@lunit/design-system/ToggleButton';
 
 <ToggleButton value="value">ToggleButton</ToggleButton>;
 ```
@@ -47,11 +47,7 @@ Value prop is `requried`.
 The ToggleButton has 3 kinds of variants: `contained`, `outlined` and `outlined`. <br />
 Default kind is `contained`.
 
-<Canvas
-  of={ToggleButtonKindStories.KindDocs}
-  meta={ToggleButtonKindStories}
-  sourceState="none"
-/>
+<Canvas of={ToggleButtonKindStories.KindDocs} meta={ToggleButtonKindStories} sourceState="none" />
 
 ```tsx
 <ToggleButton value="first" kind="contained">Text</ToggleButton>