Divider 区切り線

コンテンツ同士の区切りに使います。

コードデモ

基本の使い方

上のコンテンツ

下のコンテンツ

破線の区切り

テキスト

テキスト付き区切り

区切り線のスタイル

<!-- 基础 -->
<m-divider />

<!-- 虚线 -->
<m-divider dashed />

<!-- 带文字 -->
<m-divider>文字</m-divider>

<!-- 文字位置 -->
<m-divider content-position="left">左侧文字</m-divider>

API

プロパティ

属性	说明	类型	默认值
dashed	破線にするか	boolean	false
hairline	0.5px のヘアラインにするか	boolean	true
content-position	中のテキストの位置	center | left | right	center