Forms · SelectableCard
SSR NativeAccessibleSelectable Card
Turns a rich card into a native radio or checkbox choice.
Astro
---
import { SelectableCard } from '@charvesta/cetha';
---
<SelectableCard name="plan" value="pro" title="Pro" description="For growing teams" checked />API reference
| Prop | Type | Default | Description |
|---|---|---|---|
name* | string | — | Choice group name. |
value* | string | — | Submitted value. |
title* | string | — | Visible choice label. |
type | 'radio' | 'checkbox' | 'radio' | Native input type. |
class | string | — | Additional classes forwarded to the rendered element. |
Accessibility
Uses a native input inside a fully clickable label.