Storybook 팔레트와 구성 요소 모두에서 동일한 색상 변수를 사용하는 방법은 무엇입니까?
P粉670107661
2023-08-29 21:24:33
<p>UI 구성 요소 라이브러리를 만들고 이에 대한 문서와 예제를 제공하기 위해 Storybook을 사용했습니다. </p>
<p>제 목표는 SCSS 파일에서 색상 팔레트를 선언하고 이를 구성 요소 및 스토리북 팔레트에서 사용하는 것입니다. </p>
<p>스토리북 팔레트는 색상 팔레트에 대한 문서를 생성할 수 있는 내장 스토리북 구성 요소입니다. </p>
<p>그래서 디자인 시스템의 색상이 변경되면 SCSS 변수 값만 변경하면 색상 팔레트와 구성 요소 모두 새로운 색상 값으로 업데이트될 것으로 예상합니다. </p>
<p>안타깝게도 이 섹션의 스토리북 문서는 빈약하며 예제에는 하드코딩된 색상만 포함되어 있습니다. 색상 팔레트 페이지는 MDX 파일이므로 거기에서 SCSS 변수를 가져오고 사용하는 방법을 모르겠습니다. </p>
<p>목표를 달성할 수 있는 방법이 있나요? </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
나와 동일한 문제를 찾는 동안 오늘 밤에 이 문제를 발견했습니다. 인터넷 검색 끝에 https://dev.to/benrobertson/color-swatches-in-storybook-4aa9도 찾았습니다. 아직 해보지는 않았지만 혹시 해보고 싶으시다면 공유해드리고 싶습니다. 주말에 테스트해 볼 생각입니다.