区切り線

区切り線は、ページ内のコンテンツを分離するコンポーネントです。

インストール

npx nextui-cli@latest add divider

上記のコマンドは個別のインストール専用です。もし、 @nextui-org/react がグローバルにインストールされている場合は、このステップをスキップしても構いません。

インポート

使い方

データ属性

Divider は、base 要素に次の属性を持っています。

• data-orientation: ディバイダーの向き。orientation プロップに基づきます。

アクセシビリティ

• 区切り線にセパレータの役割が追加されました。
• 水平および垂直方向の表示に対応。
• HTML <hr> 要素またはカスタム要素タイプをサポート。

API

Divider Props