Inputs and selection
Selectable card
Available forNativeWeb
card as a radio/checkbox choice
Usage
A whole card as a choice. Selection shows as a ring/check plus a tinted border, not colour alone.
API
<SelectableCard title description? icon? detail? selected onPress mode="radio|checkbox" />Get it
Already in every copy of the native kit:
import { SelectableCard } from '@/components/kit/selectable-card';Details
- Exports
SelectableCard- Packages
- lucide-react-native@^1.21.0
- Installs with
- @kit-native/icon, @kit-native/lib-haptics, @kit-native/lib-utils, @kit-native/text
- Also searched as
- radio card, option card, plan, choice
- Registry JSON
- /r/native/selectable-card.json
Usage
A whole card as a choice. Selection shows as a ring/check plus a tinted border, not colour alone.
API
<SelectableCard title description? icon? detail? selected onClick mode="radio|checkbox" />Get it
Already in every copy of the web kit:
import { SelectableCard } from '@/components/kit/selectable-card';Details
- Exports
SelectableCard- Packages
- cn@^0.4.0, lucide-react@^1.52.0
- Also searched as
- option card, plan picker
- Registry JSON
- /r/web/selectable-card.json
Agents: the whole registry is at /llms.txt.