使用
Shoes!
If a dog chews shoes whose shoes does he choose?
Show image
Card shadow:
Glass效果
Card的glass属性会应用毛玻璃特效.
tips: 需要在有背景图像的情况下才能体验到效果
Shoes!
If a dog chews shoes whose shoes does he choose?
Slots样式槽
Shoes!
If a dog chews shoes whose shoes does he choose?
使用样式槽可以自定义内部元素的样式, 如下面的这些例子:
Shoes!
If a dog chews shoes whose shoes does he choose?
Shoes!
If a dog chews shoes whose shoes does he choose?
@rtdui/Card
ref属性会转发至内部的根div元素
| 属性名 | 类型 | 是否必须 | 默认值 | 说明 |
|---|---|---|---|---|
| action | React.ReactNode | no | ||
| content | React.ReactNode | no | ||
| glass | boolean | undefined | no | ||
| imagePositon | "left" | "right" | "top" | "bottom" | "overlay" | undefined | no | "top" | image positon |
| imageSrc | string | undefined | no | ||
| shadow | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined | no | ||
| slots | { figure?: string | undefined; body?: string | undefined; title?: string | undefined; content?: string | undefined; actions?: string | undefined; } | undefined | no | ||
| title | React.ReactNode | no |