Storybook [React] Storybook에 MCI의 맞춤형 테마를 반영 Storybook에서 MCI의 사용자 정의 테마를 반영할 때 themeProvider 포위만으로는 반영할 수 없으며 설정을 변경해야 하기 때문에 공유합니다. package.json package.json 환경 구축 로그 이번에는 프라이머리 색상을 기본 파란색에서 녹색으로 바꿨습니다. /src/theme.ts App.tsx 이번 본질은 아니지만 쓰지 않아도 되지만 맞춤형 주제의 반영 방법으로 ... ReactStorybookmuitech storybook을 더욱 효과적으로 이용하기 위해chromatic 가져오기 이때 스토리북에 상당한 가치를 느꼈다.지금까지 화면과 함께 새로운 구성 요소를 만들고 시도한 것은 단독으로 구성 요소를 실현할 수 있다는 것이다.또한storybook의addon-knobs 를 이용하여 도형을 망라한 행위를 간단하게 확인할 수 있다. chromatic을 사용하면 storybook을 더욱 효과적으로 활용할 수 있다 대체적으로 조립품을 다 만들 수 있기 때문에, 나는 다음 단계에 ... Storybookchromatictech Storybook에서 Icon 카탈로그 만들기 storybook과 디자이너를 사용하여 구성 요소 관리를 하는 과정에서 아이콘처럼 행동하지만 외관이 다른 대량의 구성 요소를 각각 구성 요소로 등록하고 페이지마다 아이콘으로 표시하는 것을 파악하여 확인하는 것은 매우 불편하다. 따라서 일람표를 통해 표현하면 행동은 다른 페이지에서 확인할 수 있다. 먼저 결과를 보여 드리겠습니다.실제 storybook은 사용 방법을 설명하는 동시에 모든 아이콘... ReactStorybookMarkdowntech
[React] Storybook에 MCI의 맞춤형 테마를 반영 Storybook에서 MCI의 사용자 정의 테마를 반영할 때 themeProvider 포위만으로는 반영할 수 없으며 설정을 변경해야 하기 때문에 공유합니다. package.json package.json 환경 구축 로그 이번에는 프라이머리 색상을 기본 파란색에서 녹색으로 바꿨습니다. /src/theme.ts App.tsx 이번 본질은 아니지만 쓰지 않아도 되지만 맞춤형 주제의 반영 방법으로 ... ReactStorybookmuitech storybook을 더욱 효과적으로 이용하기 위해chromatic 가져오기 이때 스토리북에 상당한 가치를 느꼈다.지금까지 화면과 함께 새로운 구성 요소를 만들고 시도한 것은 단독으로 구성 요소를 실현할 수 있다는 것이다.또한storybook의addon-knobs 를 이용하여 도형을 망라한 행위를 간단하게 확인할 수 있다. chromatic을 사용하면 storybook을 더욱 효과적으로 활용할 수 있다 대체적으로 조립품을 다 만들 수 있기 때문에, 나는 다음 단계에 ... Storybookchromatictech Storybook에서 Icon 카탈로그 만들기 storybook과 디자이너를 사용하여 구성 요소 관리를 하는 과정에서 아이콘처럼 행동하지만 외관이 다른 대량의 구성 요소를 각각 구성 요소로 등록하고 페이지마다 아이콘으로 표시하는 것을 파악하여 확인하는 것은 매우 불편하다. 따라서 일람표를 통해 표현하면 행동은 다른 페이지에서 확인할 수 있다. 먼저 결과를 보여 드리겠습니다.실제 storybook은 사용 방법을 설명하는 동시에 모든 아이콘... ReactStorybookMarkdowntech