@pansy/react-responsive-card v0.2.1

卡片自适应间距

🏗 安装

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

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

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

🔨 使用

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>
  );
};