1.7.7 • Published 3 years ago
@infinitoui/infinito-card v1.7.7
Preview
Demo
Install
npm install @infinitoui/infinito-card
Usage
引入组件：
import '@infinitoui/infinito-card'使用：
<infinito-card title="标题">
<p>这是有标题的card，并且可以折叠</p>
</infinito-card>
<infinito-card>
<p>这是没有标题的card</p>
</infinito-card>Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
open | open | boolean | false | 默认是否关闭 |
title | title | string | "" | 卡片标题，没有标题不能折叠 |
Slots
| Name | Description |
|---|---|
| 卡片主体内容（默认插槽） |
CSS Custom Properties
| Property | Default | Description |
|---|---|---|
--border-radius | "0" | 卡片圆角 |
--card-color | "#fff" | 卡片背景颜色 |
--padding-width | "20px" | 卡片内边距 |