RateCardGroup

Open in Storybook

Interactive Demo

Usage

<script setup>
import { RateCardGroup } from '@yellowcard/b2b-design-system';
</script>

<template>
  <RateCardGroup />
</template>

API Reference

Props

Prop	Type	Default	Description
cards	RateCardData[]	[]	Array of rate card data
columns	number	3	Number of columns in desktop view (default: 3)
tabletColumns	number	2	Number of columns in tablet view (default: 2)
mobileColumns	number	1	Number of columns in mobile view (default: 1)
gap	number	16	Gap between cards in pixels (default: 16)