Choice Card

A selectable card component for radio and checkbox inputs with title and description.

Default (Radio Group)

Checkbox Variant

Disabled State

Usage

<twig:ChoiceCard name="option" value="a" :checked="true">
    <h3>Option A</h3>
    <p>Description for option A.</p>
</twig:ChoiceCard>
<twig:ChoiceCard name="option" value="b">
    <h3>Option B</h3>
    <p>Description for option B.</p>
</twig:ChoiceCard>

<twig:ChoiceCard type="checkbox" name="features[]" value="feature1">
    <h3>Feature 1</h3>
    <p>Enable this feature.</p>
</twig:ChoiceCard>

<twig:ChoiceCard name="option" value="c" :disabled="true">
    <h3>Unavailable Option</h3>
    <p>This option is not available.</p>
</twig:ChoiceCard>