Divider区切り線

区切り線は、リストやコンテナ内でコンテンツをグループ化するための細い線です。

使用方法

コンポーネントを必要に応じてインポートします：

import 'mdui/components/divider.js';

コンポーネントの TypeScript 型を必要に応じてインポートします：

import type { Divider } from 'mdui/components/divider.js';

使用例：

例

垂直区切り線

vertical 属性を追加すると、区切り線を垂直に表示できます。

左インデント

inset 属性を追加すると、区切り線の左側にインデントを付けることができます。これは通常、リスト内で区切り線を左側のテキストに揃えるために使用されます。

両側インデント

middle 属性を追加すると、区切り線の両側にインデントを付けることができます。