Form Emoji Select

Emoji select connected to Form context with server validation errors.

Installation

bash

pnpm dlx shadcn@latest add @cs/form-emoji-select

tsx

import { FormEmojiSelect } from "@/components/cs/form-emoji-select"

tsx

<FormEmojiSelect name="emoji" />

Emoji select connected to Form context with server validation errors.

Name	Type	Default	Description
className	string \| undefined	-	-
disabled	boolean \| undefined	-	-
id	string \| undefined	-	-
label	string \| undefined	-	Visible field label.
name *	string	-	Form field name used for submission and validation errors.
onValueChange *	(emoji: string) => void	-	Called after the user selects an emoji.
orientation	"vertical" \| "horizontal" \| "responsive" \| null \| undefined	-	-
required	boolean \| undefined	-	Requires a selected value before the form can submit.
selectClassName	string \| undefined	-	Additional classes applied to the select trigger.
trigger	ReactElement<unknown, string \| JSXElementConstructor<any>> \| undefined	-	Optional replacement for the default icon trigger.
value *	string \| null \| undefined	-	Currently selected emoji shown in the default trigger.