SxCard (卡片)
- Implemented
用于承载内容的容器。对齐 Microsoft Fluent UI Blazor Card (v4.13.2) 的 API 结构,并说明 NextUI 当前实现状态。
使用场景
- 信息卡片与内容块
- 表单区块容器
- 数据摘要展示
约束说明
Header与HeaderText同时存在时优先渲染Header。Footer为空时不渲染页脚区域。
API
Parameters (参数)
| 状态 | 参数名 | 类型 | 默认值 | 描述 |
|---|---|---|---|---|
| Implemented | ChildContent |
RenderFragment? |
null |
卡片内容区域。 |
| Implemented | Header |
RenderFragment? |
null |
自定义头部区域内容。 |
| Implemented | HeaderText |
string? |
null |
头部标题文字。 |
| Implemented | Footer |
RenderFragment? |
null |
自定义底部区域内容。 |
| Implemented | Hoverable |
bool |
false |
是否开启悬停阴影效果。 |
| Implemented | Width |
string? |
null |
卡片物理宽度。 |
| Implemented | Height |
string? |
null |
卡片物理高度。 |
| Implemented | Id (继承) |
string? |
null |
组件的物理 Id。 |
| Implemented | Class (继承) |
string? |
null |
自定义 CSS 类名。 |
| Implemented | Style (继承) |
string? |
null |
自定义样式。 |
| Implemented | Title (继承) |
string? |
null |
HTML title 属性。 |
| Not Implemented | TabIndex (继承) |
int? |
null |
TabIndex(未应用)。 |
| Not Implemented | AccessKey (继承) |
string? |
null |
AccessKey(未应用)。 |
| Not Implemented | Disabled (继承) |
bool |
false |
禁用状态(未应用)。 |
| Not Implemented | Loading (继承) |
bool |
false |
加载状态(未应用)。 |
| Implemented | AdditionalAttributes (继承) |
IEnumerable<KeyValuePair<string, object>>? |
null |
捕获不匹配的 HTML 属性。 |