Storybook 팔레트와 구성 요소 모두에서 동일한 색상 변수를 사용하는 방법은 무엇입니까?
P粉670107661
P粉670107661 2023-08-29 21:24:33
0
1
559

UI 구성 요소 라이브러리를 만들고 이에 대한 문서와 예제를 제공하기 위해 Storybook을 사용했습니다.

제 목표는 SCSS 파일에서 색상 팔레트를 선언하고 이를 구성 요소 및 스토리북 팔레트에서 사용하는 것입니다.

스토리북 팔레트는 색상 팔레트에 대한 문서를 생성할 수 있는 내장 스토리북 구성 요소입니다.

그래서 디자인 시스템의 색상이 변경되면 SCSS 변수 값만 변경하면 색상 팔레트와 구성 요소 모두 새로운 색상 값으로 업데이트될 것으로 예상합니다.

안타깝게도 이 섹션의 스토리북 문서는 빈약하며 예제에는 하드코딩된 색상만 포함되어 있습니다. 색상 팔레트 페이지는 MDX 파일이므로 거기에서 SCSS 변수를 가져오고 사용하는 방법을 모르겠습니다.

목표를 달성할 수 있는 방법이 있나요?

P粉670107661
P粉670107661

모든 응답 (1)
P粉076987386

나와 동일한 문제를 찾는 동안 오늘 밤에 이 문제를 발견했습니다. 인터넷 검색 끝에https://dev.to/benrobertson/color-swatches-in-storybook-4aa9도 찾았습니다. 아직 해보지는 않았지만 혹시 해보고 싶으시다면 공유해드리고 싶습니다. 주말에 테스트해 볼 생각입니다.

    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!