Wie verwende ich dieselbe Farbvariable sowohl in der Storybook-Palette als auch in der Komponente?
<p>Ich habe eine UI-Komponentenbibliothek erstellt und Storybook verwendet, um Dokumentation und Beispiele dafür bereitzustellen. </p>
<p>Mein Ziel ist es, eine Farbpalette in der SCSS-Datei zu deklarieren und sie in Komponenten und Storybook-Paletten zu verwenden. </p>
<p>Storybook Palette ist eine integrierte Storybook-Komponente, mit der Sie eine Dokumentation für Ihre Farbpalette erstellen können. </p>
<p>Ich erwarte also, dass ich, wenn sich die Farben des Designsystems ändern, einfach den SCSS-Variablenwert ändern kann und sowohl die Farbpalette als auch die Komponente mit dem neuen Farbwert aktualisiert werden. </p>
<p>Leider ist die Storybook-Dokumentation in diesem Abschnitt dürftig und die Beispiele enthalten nur fest codierte Farben. Die Farbpalettenseite ist eine MDX-Datei, daher weiß ich nicht, wie man dort SCSS-Variablen importiert und verwendet. </p>
<p>Gibt es einen Weg, mein Ziel zu erreichen? </p>
