リンクボタン
ボタンのサイズのスケールではなく、コンテナなしのインラインテキストアクション - 塗りつぶしや境界なし、ホバーのアンダーラインを持つラベルだけ。 プライマリ(青)とセカンダリ(ミュート)のバリアント; hrefが渡されるとアンカーをレンダリングします。 それ以外の場合はボタン、同じアクションはコピーまたはハンドラとして動作します。
インストール
このリンクボタンコンポーネントを CLI または手動で追加できます。
ダークモード対応：この コンポーネント はBoardUIのセマンティックトークンに合わせて自動で切り替わります。 テーマスイッチの設定.
CLI
手動
CLIがコンポーネントのソースと内部の依存ファイルをプロジェクトにコピーし、必要なnpmパッケージをインストールします。
npx boardui@latest add link-button共有UIパッケージや独自のインポートエイリアスを使う場合は、 インストールパスの設定 をCLIの実行前に設定してください。コピー＆ペーストの例は、標準のインポートを使います。
アイコンとサイズ
leadingIcon / trailingIcon サイズのアイコンスケールでRemix Iconリファレンスとレンダリング - 20px for medium、18px for Small、14px for xs。
{/* Icons render at the size's scale - pass the Remix Icon reference */}<LinkButton href="/changelog" trailingIcon={RiExternalLinkLine}> View changelog</LinkButton><LinkButton size="small" leadingIcon={RiDownloadLine} onClick={download}> Download report</LinkButton><LinkButton size="xs" variant="secondary" trailingIcon={RiArrowRightLine}> See all</LinkButton>