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

feat(playground): apply PlaygroundLayout on Popover playground

Browse Source
This commit is contained in:
p-sw 2024-07-12 14:08:53 +09:00
parent 58a8b8b241
commit a68d864a00
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/PopoverBlocks/Playground.tsx
View File

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