Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | 1x 1x 1x 1x 1x 1x 1x 317x 317x 317x 317x 317x 317x 317x 317x 317x 317x 317x 317x 317x 317x 317x | import { cn } from '@/lib/utils';
interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
required?: boolean;
}
export const Label = ({ children, className, required, ...props }: LabelProps) => {
return (
// label의 required는 부르는 곳에서 제어
<label
{...props}
className={cn('text-text-sm-medium flex items-center px-2 select-none', className)}
>
<span className='text-gray-700'>{children}</span>
{required && (
<span aria-hidden='true' className='text-error-500'>
*
</span>
)}
</label>
);
};
|