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

feat: change prop disable checkbox to switch

Browse Source
This commit is contained in:
p-sw 2024-08-04 15:30:06 +09:00
parent ff202e4678
commit b9c30fb5af
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Playground.tsx
View File

@ -3,6 +3,7 @@ import { Checkbox } from "@pswui/Checkbox";
import { Input } from "@pswui/Input"; import { Input } from "@pswui/Input";
import { Label } from "@pswui/Label"; import { Label } from "@pswui/Label";
import { Popover, PopoverContent, PopoverTrigger } from "@pswui/Popover"; import { Popover, PopoverContent, PopoverTrigger } from "@pswui/Popover";
import { Switch } from "@pswui/Switch";
import { TabContent, TabList, TabProvider, TabTrigger } from "@pswui/Tabs"; import { TabContent, TabList, TabProvider, TabTrigger } from "@pswui/Tabs";
import type { ReactNode } from "react"; import type { ReactNode } from "react";
import { GITHUB_COMP_PREVIEW, LoadedCode, type TEMPLATE } from "./LoadedCode"; import { GITHUB_COMP_PREVIEW, LoadedCode, type TEMPLATE } from "./LoadedCode";
@ -83,11 +84,11 @@ export function PlaygroundControl<T extends ControlTemplate>(props: {
direction="horizontal" direction="horizontal"
className="flex flex-row items-center gap-2" className="flex flex-row items-center gap-2"
> >
<Checkbox <Switch
checked={!propMeta.disabled}
onChange={(e) => { onChange={(e) => {
propMeta.onToggle(!e.currentTarget.checked); propMeta.onToggle(!e.currentTarget.checked);
}} }}
checked={!propMeta.disabled}
/> />
{propMeta.disabled ? ( {propMeta.disabled ? (
<s className="opacity-50">{propName}</s> <s className="opacity-50">{propName}</s>