ページネーション

前/次/後続の小さなボタンを再利用し、32pxのページのセルをレンダリングする制御されたページャ。下の例のように、多くのページが、シブルウィンドウの周りのドットをリードし、追跡するために崩壊します。

インストール

このペジネーションコンポーネントを CLI または手動で追加できます。

ダークモード対応：このコンポーネントはBoardUIのセマンティックトークンに合わせて自動で切り替わります。テーマスイッチの設定.

CLI

手動

CLIがコンポーネントのソースと内部の依存ファイルをプロジェクトにコピーし、必要なnpmパッケージをインストールします。

npx boardui@latest add pagination

共有UIパッケージや独自のインポートエイリアスを使う場合は、インストールパスの設定をCLIの実行前に設定してください。コピー＆ペーストの例は、標準のインポートを使います。

パジネーションはコントロールコンポーネント - 現在のページの状態を所有し、ページウィンドウ、オーバーフロードットと前/次のいずれかのコントロールをレンダリングします。 Button コンポーネント)。次のトピックをカバーします。