p-sw/pswui-docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(playground): apply PlaygroundLayout on Button playground

Browse Source
This commit is contained in:
p-sw 2024-07-12 14:10:36 +09:00
parent a68d864a00
commit 4add04ab7e
1 changed files with 9 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/docs/components/ButtonBlocks/Playground.tsx
View File

@ -1,12 +1,6 @@
import {
GITHUB_COMP_PREVIEW,
LoadedCode,
type TEMPLATE,
} from "@/components/LoadedCode";
import type { TEMPLATE } from "@/components/LoadedCode";
import { usePgProps } from "@/components/PgHooks";
import { PlaygroundControl } from "@/components/Playground";
import { Story } from "@/components/Story";
import { TabContent, TabList, TabProvider, TabTrigger } from "@pswui/Tabs";
import { PlaygroundLayout } from "@/components/Playground";
import { ButtonDemo, type ControlledButtonDemoProps } from "./Preview";
interface TemplateProps extends TEMPLATE, ControlledButtonDemoProps {}
@ -59,25 +53,12 @@ export default function ButtonPlayground() {
});
return (
<>
<TabProvider defaultName="preview">
<TabList>
<TabTrigger name="preview">Preview</TabTrigger>
<TabTrigger name="code">Code</TabTrigger>
</TabList>
<TabContent name="preview">
<Story layout="centered">
<PlaygroundLayout
compName="Button"
props={props}
control={control}
>
<ButtonDemo {...props} />
</Story>
</TabContent>
<TabContent name="code">
<LoadedCode
from={GITHUB_COMP_PREVIEW("Button")}
template={props}
/>
</TabContent>
</TabProvider>
<PlaygroundControl props={control} />
</>
</PlaygroundLayout>
);
}