@infinitoui/infinito-card

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"	卡片内边距