Card / 卡片

基础的组件容器。

基础的

可悬停的

阴影

类型

以各式色彩表达不同的类型或状态。

卡片页脚

组合图片

组合分割线

使用分割线展示不同类型的内容。

APIs / 接口文档

Card.Props

属性描述类型推荐值默认
hoverable是否在悬停时增加阴影boolean-false
shadow是否总是显示阴影boolean-false
type卡片的类型CardType-default
...原生属性HTMLAttributes'id', className', ...-

Card.Content.Props[别名: Card.Body]

属性描述类型推荐值默认
...原生属性HTMLAttributes'id', className', ...-

Card.Footer.Props[别名: Card.Actions]

属性描述类型推荐值默认
disableAutoMargin取消自动设置的 Margin 值boolean-false
...原生属性HTMLAttributes'id', className', ...-

CardType

type CardType =
  | 'default'
  | 'secondary'
  | 'success'
  | 'warning'
  | 'error'
  | 'dark'
  | 'lite'
  | 'alert'
  | 'purple'
  | 'violet'
  | 'cyan'