diff --git a/packages/react/components/Label.tsx b/packages/react/components/Label.tsx index b88355f..29984fd 100644 --- a/packages/react/components/Label.tsx +++ b/packages/react/components/Label.tsx @@ -4,18 +4,13 @@ import { VariantProps, vcn } from "../shared"; const [labelVariant, resolveLabelVariantProps] = vcn({ base: "", variants: { - vertical: { - true: "flex flex-col gap-2 justify-center items-start", - false: "", - }, - horizontal: { - true: "flex flex-row gap-2 justify-start items-center", - false: "", + direction: { + vertical: "flex flex-col gap-2 justify-center items-start", + horizontal: "flex flex-row gap-2 justify-start items-center", }, }, defaults: { - vertical: false, - horizontal: false, + direction: "vertical", }, }); diff --git a/packages/react/stories/Label.stories.tsx b/packages/react/stories/Label.stories.tsx index d57bc9f..41d3798 100644 --- a/packages/react/stories/Label.stories.tsx +++ b/packages/react/stories/Label.stories.tsx @@ -16,7 +16,7 @@ export const WithInput = () => { export const HorizontalWithInput = () => { return ( -