@hi-ui/card
TypeScript icon, indicating that this package has built-in type declarations

4.0.9 • Public • Published

@hi-ui/card

TODO: description

Usage

const Card = require('@hi-ui/card');

// TODO: DEMONSTRATE API

Props

参数 说明 类型 可选值 默认值
title 设置卡片标题 ReactNode - -
size 设置卡片大小 string 'sm' | 'md' | 'lg' -
bordered 是否显示边框 boolean true | false true
type 设置卡片类型 string 'simple' | 'default' 'default'
hoverable 鼠标移入卡片时是否显示阴影 boolean true | false false
extra 卡片右上角的扩展 ReactNode - -
coverUrl 卡片的封面图片链接 string - -
cover 卡片的封面 ReactNode - -
className 卡片的自定义类名 string - -
style 卡片的自定义样式 CSSProperties - -
showHeaderDivider 是否展示卡片头部的分割线(仅在默认类型有效) boolean true | false false

CHANGELOG

参数 变更类型 变更内容 解决的问题
type deprecated 移除 type 字段 不再区分是否为 simple 模式
content deprecated 移除 content 字段 统一 children 作为内容渲染
loading feature 增加加载状态 作为容器型组件,需要提供加载状态
cover feature 卡片封面支持 ReactNode 卡片封面支持 ReactNode
size update 更改定义为紧凑或者常规 1. card 作为容器,限制三种 width 无意义,同步新版 UI

Readme

Keywords

none

Package Sidebar

Install

npm i @hi-ui/card

Weekly Downloads

8

Version

4.0.9

License

MIT

Unpacked Size

22.8 kB

Total Files

11

Last publish

Collaborators

  • sivan
  • solarjoker