Skip to content

Commit

Permalink
docs: re-generate
Browse files Browse the repository at this point in the history
  • Loading branch information
@malangcat
malangcat committed Jan 9, 2025
1 parent bbdcc71 commit 507f0bd
Show file tree
Hide file tree
Showing 6 changed files with 12 additions and 12 deletions.
12 changes: 6 additions & 6 deletions docs/components/example/index.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -132,17 +132,17 @@
"reaction-button-preview": "import { IconFaceSmileCircleFill } from \"@daangn/react-monochrome-icon\";\nimport { ReactionButton } from \"seed-design/ui/reaction-button\";\n\nexport default function ReactionButtonPreview() {\n return (\n <ReactionButton prefixIcon={<IconFaceSmileCircleFill />} count={1}>\n 도움돼요\n </ReactionButton>\n );\n}",
"reaction-button-small": "import { IconFaceSmileCircleFill } from \"@daangn/react-monochrome-icon\";\nimport { ReactionButton } from \"seed-design/ui/reaction-button\";\n\nexport default function ReactionButtonSmall() {\n return (\n <ReactionButton prefixIcon={<IconFaceSmileCircleFill />} size=\"small\" count={1}>\n 도움돼요\n </ReactionButton>\n );\n}",
"reaction-button-xsmall": "import { IconFaceSmileCircleFill } from \"@daangn/react-monochrome-icon\";\nimport { ReactionButton } from \"seed-design/ui/reaction-button\";\n\nexport default function ReactionButtonXsmall() {\n return (\n <ReactionButton prefixIcon={<IconFaceSmileCircleFill />} size=\"xsmall\" count={1}>\n 도움돼요\n </ReactionButton>\n );\n}",
"segmented-control-disabled": "import { SegmentedControl, Segment } from \"seed-design/ui/segmented-control\";\n\nexport default function SegmentedControlPreview() {\n return (\n <SegmentedControl defaultValue=\"Hot\" disabled>\n <Segment value=\"Hot\">Hot</Segment>\n <Segment value=\"New\">New</Segment>\n </SegmentedControl>\n );\n}",
"segmented-control-fixed-width": "import { SegmentedControl, Segment } from \"seed-design/ui/segmented-control\";\n\nexport default function SegmentedControlFixedWidth() {\n return (\n <SegmentedControl defaultValue=\"new\">\n <Segment value=\"new\">New</Segment>\n <Segment value=\"hot\">Hot</Segment>\n </SegmentedControl>\n );\n}",
"segmented-control-long-label-fixed-width": "import { SegmentedControl, Segment } from \"seed-design/ui/segmented-control\";\n\nexport default function SegmentedControlLongLabelFixedWidth() {\n return (\n <SegmentedControl defaultValue=\"price\">\n <Segment value=\"price\">가격 높은 순</Segment>\n <Segment value=\"discount\">할인율 높은 순</Segment>\n <Segment value=\"popularity\">인기 많은 순</Segment>\n </SegmentedControl>\n );\n}",
"segmented-control-long-label": "import { SegmentedControl, Segment } from \"seed-design/ui/segmented-control\";\n\nexport default function SegmentedControlLongLabel() {\n return (\n <SegmentedControl defaultValue=\"price\">\n <Segment value=\"price\">가격 높은 순</Segment>\n <Segment value=\"discount\">할인율 높은 순</Segment>\n <Segment value=\"popularity\">인기 많은 순</Segment>\n </SegmentedControl>\n );\n}",
"segmented-control-preview": "import { SegmentedControl, Segment } from \"seed-design/ui/segmented-control\";\n\nexport default function SegmentedControlPreview() {\n return (\n <SegmentedControl defaultValue=\"Hot\">\n <Segment value=\"Hot\">Hot</Segment>\n <Segment value=\"New\">New</Segment>\n </SegmentedControl>\n );\n}",
"segmented-control-disabled": "import { SegmentedControl, SegmentedControlSegment } from \"seed-design/ui/segmented-control\";\n\nexport default function SegmentedControlPreview() {\n return (\n <SegmentedControl defaultValue=\"Hot\" disabled aria-label=\"Sort by\">\n <SegmentedControlSegment value=\"Hot\">Hot</SegmentedControlSegment>\n <SegmentedControlSegment value=\"New\">New</SegmentedControlSegment>\n </SegmentedControl>\n );\n}",
"segmented-control-fixed-width": "import { SegmentedControl, SegmentedControlSegment } from \"seed-design/ui/segmented-control\";\n\nexport default function SegmentedControlFixedWidth() {\n return (\n <SegmentedControl defaultValue=\"new\" style={{ width: \"600px\" }} aria-label=\"Sort by\">\n <SegmentedControlSegment value=\"new\">New</SegmentedControlSegment>\n <SegmentedControlSegment value=\"hot\">Hot</SegmentedControlSegment>\n </SegmentedControl>\n );\n}",
"segmented-control-long-label-fixed-width": "import { SegmentedControl, SegmentedControlSegment } from \"seed-design/ui/segmented-control\";\n\nexport default function SegmentedControlLongLabelFixedWidth() {\n return (\n <SegmentedControl defaultValue=\"price\" style={{ width: \"600px\" }} aria-label=\"정렬 기준\">\n <SegmentedControlSegment value=\"price\">가격 높은 순</SegmentedControlSegment>\n <SegmentedControlSegment value=\"discount\">할인율 높은 순</SegmentedControlSegment>\n <SegmentedControlSegment value=\"popularity\">인기 많은 순</SegmentedControlSegment>\n </SegmentedControl>\n );\n}",
"segmented-control-long-label": "import { SegmentedControl, SegmentedControlSegment } from \"seed-design/ui/segmented-control\";\n\nexport default function SegmentedControlLongLabel() {\n return (\n <SegmentedControl defaultValue=\"price\" aria-label=\"정렬 기준\">\n <SegmentedControlSegment value=\"price\">가격 높은 순</SegmentedControlSegment>\n <SegmentedControlSegment value=\"discount\">할인율 높은 순</SegmentedControlSegment>\n <SegmentedControlSegment value=\"popularity\">인기 많은 순</SegmentedControlSegment>\n </SegmentedControl>\n );\n}",
"segmented-control-preview": "import { SegmentedControl, SegmentedControlSegment } from \"seed-design/ui/segmented-control\";\n\nexport default function SegmentedControlPreview() {\n return (\n <SegmentedControl defaultValue=\"Hot\" aria-label=\"Sort by\">\n <SegmentedControlSegment value=\"Hot\">Hot</SegmentedControlSegment>\n <SegmentedControlSegment value=\"New\">New</SegmentedControlSegment>\n </SegmentedControl>\n );\n}",
"select-box-check-preview": "import { SelectBoxCheck, SelectBoxCheckGroup } from \"seed-design/ui/select-box\";\n\nexport default function SelectBoxCheckPreview() {\n return (\n <SelectBoxCheckGroup>\n <SelectBoxCheck label=\"Culpa\" defaultChecked />\n <SelectBoxCheck\n label=\"Voluptate\"\n description=\"Elit cupidatat dolore fugiat enim veniam culpa.\"\n />\n <SelectBoxCheck label=\"Eiusmod\" />\n </SelectBoxCheckGroup>\n );\n}",
"select-box-radio-preview": "import { SelectBoxRadioGroup, SelectBoxRadio } from \"seed-design/ui/select-box\";\n\nexport default function SelectBoxRadioPreview() {\n return (\n <SelectBoxRadioGroup defaultValue=\"apple\" aria-label=\"과일\">\n <SelectBoxRadio value=\"apple\" label=\"Culpa\" />\n <SelectBoxRadio\n value=\"voluptate\"\n label=\"Voluptate\"\n description=\"Elit cupidatat dolore fugiat enim veniam culpa.\"\n />\n <SelectBoxRadio value=\"eiusmod\" label=\"Eiusmod\" />\n </SelectBoxRadioGroup>\n );\n}",
"skeleton-preview": "import { Flex } from \"seed-design/ui/layout\";\nimport { Skeleton } from \"seed-design/ui/skeleton\";\n\nexport default function SkeletonPreview() {\n return (\n <Flex gap=\"s4\" alignItems=\"center\">\n <Skeleton radius=\"full\" width=\"s12\" height=\"s12\" />\n <Flex flexDirection=\"column\" gap=\"s2\">\n <Skeleton radius=\"8\" height=\"s4\" width=\"250px\" />\n <Skeleton radius=\"8\" height=\"s4\" width=\"250px\" />\n </Flex>\n </Flex>\n );\n}",
"skeleton-radius": "import { Skeleton } from \"seed-design/ui/skeleton\";\nimport { Flex } from \"seed-design/ui/layout\";\n\nexport default function SkeletonRadius() {\n return (\n <Flex gap=\"s4\" alignItems=\"center\">\n <Skeleton radius=\"0\" width=\"s12\" height=\"s12\" />\n <Skeleton radius=\"8\" width=\"s12\" height=\"s12\" />\n <Skeleton radius=\"16\" width=\"s12\" height=\"s12\" />\n <Skeleton radius=\"full\" width=\"s12\" height=\"s12\" />\n </Flex>\n );\n}",
"snackbar-avoid-overlap": "import { Flex } from \"@/registry/ui/layout\";\nimport { ActionButton } from \"seed-design/ui/action-button\";\nimport {\n Snackbar,\n SnackbarAvoidOverlap,\n SnackbarProvider,\n useSnackbarAdapter,\n} from \"seed-design/ui/snackbar\";\n\nfunction Component() {\n const adapter = useSnackbarAdapter();\n\n return (\n <Flex direction=\"column\" gap=\"s4\">\n <ActionButton\n onClick={() =>\n adapter.create({\n timeout: 5000,\n onClose: () => {},\n render: () => <Snackbar message=\"알림 메세지\" actionLabel=\"확인\" onAction={() => {}} />,\n })\n }\n >\n 실행\n </ActionButton>\n <SnackbarAvoidOverlap>\n <Flex\n width=\"full\"\n height=\"s16\"\n background=\"bg.dangerWeak\"\n justifyContent=\"center\"\n alignItems=\"center\"\n >\n Snackbar가 이 영역과 겹치지 않게 조정됩니다. 스크롤은 무시합니다.\n </Flex>\n </SnackbarAvoidOverlap>\n </Flex>\n );\n}\n\nexport default function SnackbarPreview() {\n return (\n <SnackbarProvider>\n <Component />\n </SnackbarProvider>\n );\n}",
"snackbar-danger": "import { ActionButton } from \"seed-design/ui/action-button\";\nimport { Snackbar, SnackbarProvider, useSnackbarAdapter } from \"seed-design/ui/snackbar\";\n\nfunction Component() {\n const adapter = useSnackbarAdapter();\n\n return (\n <ActionButton\n onClick={() =>\n adapter.create({\n timeout: 5000,\n onClose: () => {},\n render: () => (\n <Snackbar\n variant=\"danger\"\n message=\"알림 메세지\"\n actionLabel=\"확인\"\n onAction={() => {}}\n />\n ),\n })\n }\n >\n 실행\n </ActionButton>\n );\n}\n\nexport default function SnackbarNegative() {\n return (\n <SnackbarProvider>\n <Component />\n </SnackbarProvider>\n );\n}",
"snackbar-danger": "import { ActionButton } from \"seed-design/ui/action-button\";\nimport { Snackbar, SnackbarProvider, useSnackbarAdapter } from \"seed-design/ui/snackbar\";\n\nfunction Component() {\n const adapter = useSnackbarAdapter();\n\n return (\n <ActionButton\n onClick={() =>\n adapter.create({\n timeout: 50000000,\n onClose: () => {},\n render: () => (\n <Snackbar\n variant=\"danger\"\n message=\"알림 메세지\"\n actionLabel=\"확인\"\n onAction={() => {}}\n />\n ),\n })\n }\n >\n 실행\n </ActionButton>\n );\n}\n\nexport default function SnackbarNegative() {\n return (\n <SnackbarProvider>\n <Component />\n </SnackbarProvider>\n );\n}",
"snackbar-positive": "import { ActionButton } from \"seed-design/ui/action-button\";\nimport { Snackbar, SnackbarProvider, useSnackbarAdapter } from \"seed-design/ui/snackbar\";\n\nfunction Component() {\n const adapter = useSnackbarAdapter();\n\n return (\n <ActionButton\n onClick={() =>\n adapter.create({\n timeout: 5000,\n onClose: () => {},\n render: () => (\n <Snackbar\n variant=\"positive\"\n message=\"알림 메세지\"\n actionLabel=\"확인\"\n onAction={() => {}}\n />\n ),\n })\n }\n >\n 실행\n </ActionButton>\n );\n}\n\nexport default function SnackbarPositive() {\n return (\n <SnackbarProvider>\n <Component />\n </SnackbarProvider>\n );\n}",
"snackbar-preview": "import { ActionButton } from \"seed-design/ui/action-button\";\nimport { Snackbar, SnackbarProvider, useSnackbarAdapter } from \"seed-design/ui/snackbar\";\n\nfunction Component() {\n const adapter = useSnackbarAdapter();\n\n return (\n <ActionButton\n onClick={() =>\n adapter.create({\n timeout: 5000,\n onClose: () => {},\n render: () => <Snackbar message=\"알림 메세지\" actionLabel=\"확인\" onAction={() => {}} />,\n })\n }\n >\n 실행\n </ActionButton>\n );\n}\n\nexport default function SnackbarPreview() {\n return (\n <SnackbarProvider>\n <Component />\n </SnackbarProvider>\n );\n}",
"switch-disabled": "import { Switch } from \"seed-design/ui/switch\";\n\nexport default function SwitchDisabled() {\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: 10 }}>\n <Switch disabled />\n <Switch checked disabled />\n </div>\n );\n}",
Expand Down
Loading

0 comments on commit 507f0bd

Please sign in to comment.