이 책을 2번 정독하고 daisyul를 storybook에 적용해 보려고 하는데요...

[readebooks]

책에 직접 나오는 내용은 아니지만 보통 스토리보드를 쓰려면 ui 관련 라이브러리를 사용하게 되면데요..
그럼 사용한 ui 라이브러리가 스토리보드에 그대로 적용되야 스토리 보드가 쓸모가 있을텐데...
적용이 안됩니다.

npm start 로 보면 아래와 같이 잘 나오는데

npm run storyboard로 보면 그냥 일반 버튼 모양으로만 나오고 daiyui가 적용이 안되는데..
방법을 모르겠습니다.

버튼 코드는 아래와 같이 했습니다.

interface Props {
readonly title: string
}

export const Button = ({title}: Props) => {
return {title}
}

storyboard에 daisyui를 연결해주는 설정이 필오 한건지요... 방향이라도 잡아 주시면 감사하겠습니다.

[readebooks]

책에 직접 나오는 내용은 아니지만 보통 스토리보드를 쓰려면 ui 관련 라이브러리를 사용하게 되면데요.. 그럼 사용한 ui 라이브러리가 스토리보드에 그대로 적용되야 스토리 보드가 쓸모가 있을텐데... 적용이 안됩니다.

npm start 로 보면 아래와 같이 잘 나오는데

npm run storyboard로 보면 그냥 일반 버튼 모양으로만 나오고 daiyui가 적용이 안되는데.. 방법을 모르겠습니다.

버튼 코드는 아래와 같이 했습니다.

interface Props { readonly title: string }

export const Button = ({title}: Props) => { return {title} }

storyboard에 daisyui를 연결해주는 설정이 필오 한건지요... 방향이라도 잡아 주시면 감사하겠습니다.

코드 부분이 이상하게 올라가서 이미지로 올립니다.

[dev-yakuza]

@readebooks

daisyui을 사용하기 위해 라이브러리를 설치하고 어떤 설정을 하셨을텐데, 이와 비슷하게 Storybook에도 설정을 해야합니다.

다음 링크는 Tailwind을 Storybook과 연동하는 공식 블로그입니다.

• https://storybook.js.org/recipes/tailwindcss

이런식으로 연동이 필요한 라이브러리는 연동을 해야합니다.