Ant Design Blazor
Descriptions描述列表
成组显示多个只读字段。
何时使用
常见于详情页的信息展示。
Examples
简单的展示。
带边框和背景颜色列表。
自定义尺寸，适应在各种容器中展示。
通过响应式的配置可以实现在小屏幕设备上的完美呈现。
Vertical usage.
垂直且带边框。
可以通过 LabelStyle 和 ContentStyle 设置每个 Item 的样式。
Descriptions API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| Bordered | 属性是否显示边框 | Boolean | false |
| Layout | 属性布局 - 水平或垂直 | String | DescriptionsLayout.Horizontal |
| Column | 属性一行中 DescriptionsItem 元素的数量。可以是数字或对象，如 { xs: 8, sm: 16, md: 24} |
OneOf<Int32, Dictionary<String, Int32>> | -- |
| Size | 属性列表的大小 | String | -- |
| Title | 属性标题显示在元素的顶部 | String | -- |
| TitleTemplate | 属性元素顶部显示的标题内容。优先于 AntDesign.Descriptions.Title |
RenderFragment | -- |
| Colon | 属性更改 DescriptionsItem 的默认 props 冒号值。 |
Boolean | -- |
| ChildContent | 属性元素的内容。通常包含 DescriptionsItem 元素 |
RenderFragment | -- |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
DescriptionsItem API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| Title | 属性项目的标题 | String | -- |
| TitleTemplate | 属性项目的标题内容。优先于 AntDesign.DescriptionsItem.Title |
RenderFragment | -- |
| Span | 属性项目的跨度 | Int32 | 1 |
| ChildContent | 属性项目的内容 | RenderFragment | -- |
| LabelStyle | 属性自定义标签的样式 | String | -- |
| ContentStyle | 属性自定义内容的样式 | String | -- |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |