Maya UI — Premium Nuxt Component Library

Choice Box

Selectable card-style control for settings, plans, and preference groups.

Use as a boolean card with title and description.

Email notificationsReceive release updates, security alerts, and team mentions.Weekly digestOne compact summary every Friday.

Use value + same name to build premium option pickers.

StarterFor small teams getting started.ProAdvanced automation and higher limits.EnterpriseSAML, audit logs, and premium support.

Prop / Event	Type	Default	Description
`modelValue`	`ChoiceValue \| ChoiceValue[] \| null`	`false`	The selected state or value array. Used with v-model.
`value`	`ChoiceValue`	`true`	The value to associate with this specific box.
`type`	`String`	`"checkbox"`	The input type: "checkbox" or "radio".
`name`	`String`	`undefined`	Native input name attribute for grouping.
`title`	`String`	`""`	Primary title text.
`description`	`String`	`""`	Secondary descriptive text.
`disabled`	`Boolean`	`false`	Whether the choice box is disabled.
`@update:modelValue`	`Event`	`—`	Emitted when selection changes.
`@change`	`Event`	`—`	Emitted with the checked boolean.
`#title`	`Slot`	`—`	Slot for custom title rendering.
`#description`	`Slot`	`—`	Slot for custom description rendering.
`#default`	`Slot`	`—`	Default slot for extra inner content.