コードCode
Experimental

本文中の短いコード、コマンド、値を読み分けやすく表示します。

プレビュー

インストールは npm install @gunjo/uiを実行します。

公開時は --access publicフラグを指定します。

状態とバリエーション

表示の強さ

本文中の短いコードやコマンドを、周囲の文章から読み分けやすくします。

npm run dev--watch

サイズ

本文の文字サイズに合わせて、コードの大きさを調整します。

size="sm"size="default"size="lg"

プロパティ

表は横にスクロールできます
プロパティ初期値説明
variant"default" | "muted""default"インラインコードの背景と境界線の強さを切り替えます。
size"sm" | "default" | "lg""default"本文内で使うコード文字のサイズです。
childrenReactNode-表示するコード文字列です。

使い方

Loading...

使用コンポーネント