logo
为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

Divider分割线

区隔内容的分割线。

何时使用

  • 对不同章节的文本段落进行分割。
  • 对行内文字/链接进行分割,例如表格的操作列。

Examples

默认为水平分割线,可在中间加入文字。

expand code expand code

使用 plain 可以设置为更轻量的分割文字样式。

expand code expand code

分割线中带有文字,可以用 orientation 指定文字位置。

expand code expand code

使用 type="vertical" 设置为行内的垂直分割线。

expand code expand code

Divider API#

属性 描述 类型 默认值
ChildContent 属性分隔线内显示的内容 RenderFragment --
Text 属性要在分隔线内显示的文本 String --
Plain 属性如果为 false,文本将不是标题样式。当为真时,它将是标题样式。 Boolean false
Type 属性分隔线类型 - '水平' | '垂直的' DirectionVHType DirectionVHType.Horizontal
Orientation 属性内容/文本方向 - '左' | '正确' | '中央'。不使用 Text 或 ChildContent 时忽略 String center
Dashed 属性是否将线条样式设置为虚线。 Boolean false
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --
Typography排版 Flex弹性布局
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.