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

fix: make direction one variant

Browse Source
This commit is contained in:
p-sw 2024-05-29 20:59:35 +09:00
parent 776429b6a9
commit bdb8e2488d
2 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/react/components/Label.tsx
View File

@ -4,18 +4,13 @@ import { VariantProps, vcn } from "../shared";
const [labelVariant, resolveLabelVariantProps] = vcn({ const [labelVariant, resolveLabelVariantProps] = vcn({
base: "", base: "",
variants: { variants: {
vertical: { direction: {
true: "flex flex-col gap-2 justify-center items-start", vertical: "flex flex-col gap-2 justify-center items-start",
false: "", horizontal: "flex flex-row gap-2 justify-start items-center",
},
horizontal: {
true: "flex flex-row gap-2 justify-start items-center",
false: "",
}, },
}, },
defaults: { defaults: {
vertical: false, direction: "vertical",
horizontal: false,
}, },
}); });

2
packages/react/stories/Label.stories.tsx
View File

@ -16,7 +16,7 @@ export const WithInput = () => {
export const HorizontalWithInput = () => { export const HorizontalWithInput = () => {
return ( return (
<Label horizontal> <Label direction="horizontal">
<p>Email</p> <p>Email</p>
<Input type="text" /> <Input type="text" />
</Label> </Label>