@pansy/react-responsive-card
v0.2.1
Published
<h1 align="center">@pansy/react-responsive-card</h1>
Downloads
4
Readme
卡片自适应间距
🏗 安装
# 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>
);
};