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

feat(input): add asChild on InputFrame

Browse Source
This commit is contained in:
p-sw 2024-07-12 01:39:02 +09:00
parent ec574d3841
commit 80c7542803
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,4 @@
import { type VariantProps, vcn } from "@pswui-lib"; import { type AsChild, Slot, type VariantProps, vcn } from "@pswui-lib";
import React from "react"; import React from "react";
const inputColors = { const inputColors = {
@ -42,7 +42,8 @@ const [inputVariant, resolveInputVariantProps] = vcn({
interface InputFrameProps interface InputFrameProps
extends VariantProps<typeof inputVariant>, extends VariantProps<typeof inputVariant>,
React.ComponentPropsWithoutRef<"label"> { React.ComponentPropsWithoutRef<"label">,
AsChild {
children?: React.ReactNode; children?: React.ReactNode;
} }
@ -50,16 +51,18 @@ const InputFrame = React.forwardRef<HTMLLabelElement, InputFrameProps>(
(props, ref) => { (props, ref) => {
const [variantProps, otherPropsCompressed] = const [variantProps, otherPropsCompressed] =
resolveInputVariantProps(props); resolveInputVariantProps(props);
const { children, ...otherPropsExtracted } = otherPropsCompressed; const { children, asChild, ...otherPropsExtracted } = otherPropsCompressed;
const Comp = asChild ? Slot : "label";
return ( return (
<label <Comp
ref={ref} ref={ref}
className={`group/input-frame ${inputVariant(variantProps)}`} className={`group/input-frame ${inputVariant(variantProps)}`}
{...otherPropsExtracted} {...otherPropsExtracted}
> >
{children} {children}
</label> </Comp>
); );
}, },
); );