お知らせ

サイドバー・フッター用にサイズされたコンパクトなオンボーディング/アナウンスカード - リード・アイコン、解任ボタン、タイトル、説明、およびフル幅のセカンドCTA。動作を認めます。

アカウントのセットアップ

ツアーに参加し、製品の使用方法を学びます。

インストール

CLI または手動でこのアナウンスコンポーネントを追加できます。

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

CLI

手動

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

npx boardui@latest add announcement

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

バリエーション

すべての部分はオプションです - スワップ アイコン、ドロップして下さい 参考文献 または actionLabel、およびトグル dismissible.

v2の新機能

チャート、コマンドメニュー、および新しいデータテーブル。

すべてのセット

あなたのワークスペースは行く準備ができています。

プランの2席左

import { RiSparklingFill } from "@remixicon/react";
{/* Custom icon */}<Announcement  icon={RiSparklingFill}  title="What's new in v2"  description="Charts, command menu, and a brand-new data table."  actionLabel="See the changelog"/>
{/* No action */}<Announcement title="You're all set" description="Your workspace is ready to go." dismissible />
{/* Title + action only */}<Announcement title="2 seats left on your plan" actionLabel="Upgrade" />

インストール

サイドバー内

バリエーション