>  Q&A  >  본문

Storybook 팔레트와 구성 요소 모두에서 동일한 색상 변수를 사용하는 방법은 무엇입니까?

<p>UI 구성 요소 라이브러리를 만들고 이에 대한 문서와 예제를 제공하기 위해 Storybook을 사용했습니다. </p> <p>제 목표는 SCSS 파일에서 색상 팔레트를 선언하고 이를 구성 요소 및 스토리북 팔레트에서 사용하는 것입니다. </p> <p>스토리북 팔레트는 색상 팔레트에 대한 문서를 생성할 수 있는 내장 스토리북 구성 요소입니다. </p> <p>그래서 디자인 시스템의 색상이 변경되면 SCSS 변수 값만 변경하면 색상 팔레트와 구성 요소 모두 새로운 색상 값으로 업데이트될 것으로 예상합니다. </p> <p>안타깝게도 이 섹션의 스토리북 문서는 빈약하며 예제에는 하드코딩된 색상만 포함되어 있습니다. 색상 팔레트 페이지는 MDX 파일이므로 거기에서 SCSS 변수를 가져오고 사용하는 방법을 모르겠습니다. </p> <p>목표를 달성할 수 있는 방법이 있나요? </p>
P粉670107661P粉670107661416일 전611

모든 응답(1)나는 대답할 것이다

  • P粉076987386

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

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

    회신하다
    0
  • 취소회신하다