open-index/open-npm huggingface dataset:
npm package: @pansy/react-responsive-card
Description: <h1 align="center">@pansy/react-responsive-card</h1>
Latest version: 0.2.1

<h1 align="center">@pansy/react-responsive-card</h1>

卡片自适应间距

## 🏗 安装

```sh
# npm 安装
npm install --save @pansy/react-responsive-card

# yarn 安装
yarn add @pansy/react-responsive-card

# pnpm 安装
pnpm install @pansy/react-responsive-card
```

## 🔨 使用

```tsx
import React from 'react';
import { CheckCard } from '@ant-design/pro-card';
import { ResponsiveCard } from '@pansy/react-responsive-card';

export default () => {
  return (
    <CheckCard.Group defaultValue="option1" style={{ width: '100%' }}>
      <ResponsiveCard>
        <CheckCard
          title="Card title"
          description="This is the description"
          value="option1"
          avatar="https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg"
        />
        <CheckCard
          title="Card title"
          description="This is the description"
          value="option2"
          avatar="https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg"
        />
        <CheckCard
          title="Card title"
          description="This is the description"
          value="option3"
          avatar="https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg"
        />
      </ResponsiveCard>
    </CheckCard.Group>
  );
};
```