SxCard (卡片)

  • Implemented

用于承载内容的容器。对齐 Microsoft Fluent UI Blazor Card (v4.13.2) 的 API 结构,并说明 NextUI 当前实现状态。

使用场景

  • 信息卡片与内容块
  • 表单区块容器
  • 数据摘要展示

约束说明

  • HeaderHeaderText 同时存在时优先渲染 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 属性。

参考设计 (References)