common

Radio Card Group

A set of radio buttons with a card styling.

Installation

Install dependencies

bash
npm install tailwind-variants

Add component

Copy and paste the code into your project's component directory.

Usage notes

For each radio you want to add to the group, use vue slots.

vue
<RadioCardGroup>
  <template #trigger1>
    <span>Trigger</span>
    </template>
    <template #trigger2>
    <span>Trigger 2</span>
  </template>
</RadioCardGroup>
Edit this page on GitHub