サイドバー

ダッシュボードのテンプレートからフローティングナビゲーションパネル - 260pxワイド、半径/3xl、白髪線の境界、サイドバーの上昇影。 チームメニューを構成し、Kbdヒント、バッジ付きのNAVアイテム、アナウンスカード、およびユーザーメニューをすばやく検索します。

インストール

このサイドバーブロックは CLI または手動で追加できます。CLI は、構成に使われている avatar、counter、kbd、announcement コンポーネントもインストールします。

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

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

npx boardui@latest add sidebar

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

AI チャットの多様体

同じ浮遊パネルはのために微調整しました AIチャットのテンプレート: クイックアクションアップトップ(新しいエージェント、オートメーション、カスタマイズ)、 リポジトリ repo を開くツリーは、相対タイムチップと曲線のツリー コネクタ、チーム メニューの代わりにアップグレード ボタン付きのプラン カードで、最近のチャットをリストします。 AI チャット プロ テンプレートで出荷します。

コンテンツ

サイドバーは複数の小さなレジストリ項目を構成します - avatar, counter, kbd, announcement、および chevron グリフ - 独自のチームとユーザー メニュー。CLI でインストールすると、チェーン全体が自動的に引き出されます。Nav アイテムとメニューを独自のルートとデータに交換します。