検索

ホームページ  >  に質問  >  本文

Storybook パレットとコンポーネントの両方で同じカラー変数を使用するにはどうすればよいですか?

<p>UI コンポーネント ライブラリを作成し、Storybook を使用してドキュメントと例を提供しました。 </p> <p>私の目標は、SCSS ファイルでカラー パレットを宣言し、それをコンポーネントとストーリーブック パレットで使用することです。 </p> <p>ストーリーブック パレットは、カラー パレットのドキュメントを作成できる組み込みのストーリーブック コンポーネントです。 </p> <p>したがって、デザイン システムの色が変更された場合、SCSS 変数の値を変更するだけで、カラー パレットとコンポーネントの両方が新しい色の値で更新されると考えています。 </p> <p>残念ながら、このセクションのストーリーブックのドキュメントは貧弱で、例にはハードコードされた色しか含まれていません。カラー パレット ページは MDX ファイルなので、そこに SCSS 変数をインポートして使用する方法がわかりません。 </p> <p>目標を達成する方法はありますか? </p>
P粉670107661P粉670107661550日前719

全員に返信(1)返信します

  • P粉076987386

    P粉0769873862023-08-30 10:05:40

    今夜、私が抱えていたのと同じ問題を調べているときにこれを見つけました。グーグルで調べたところ、https://dev.to/benrobertson/color-swatches-in-storybook-4aa9 も見つかりました。私はまだ試していませんが、試してみたい場合は共有したいと思います。週末にテストしてみる予定です。

    返事
    0
  • キャンセル返事