Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@hi-ui/card

Package Overview
Dependencies
Maintainers
2
Versions
59
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hi-ui/card

A sub-package for @hi-ui/hiui.

  • 4.0.9
  • latest
  • Source
  • npm
  • Socket score

Version published
Maintainers
2
Created
Source

@hi-ui/card

TODO: description

Usage

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

// TODO: DEMONSTRATE API

Props

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

CHANGELOG

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

FAQs

Package last updated on 12 Apr 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc