vue storybook

Vue Storybook

Vue Storybook6 - mdx

2020.11.29

목차 Introduction 설정 기본적인 mdx controls argTypes Advanced argTypes 전체적인 코드 Conclusion Reference 📌 Introduction 안녕하세요! 오늘은 storybook을 mdx로 하는 법에 대해서 알아보겠습니다. mdx로 작성하는 이유는 docs를 만들기 위함입니다. 그럼 한번 떠나볼게요~ 📌 설정 일단 Docs는 자동적으로 parsing해서 만들어주곤 합니다. 그러나 만들지 않은 것에 대해서 만드는 부분이 조금 그래서 저는 설정을 꺼주려고 합니다. // preview.js import { addParameters } from "@storybook/vue"; addParameters({ docs: { page: null } });📌 기본적인 ..

카테고리 없음

Vue Storybook6 - 간단한 버튼 만들기

2020.11.29

목차 Introduction Implement MyButton MyButton story Conclusion Reference 📌 Introduction 안녕하세요. 오늘은 간단하게 뷰로 MyButton을 만들고 그걸 storybook으로 한번 활용 해보겠습니다. 🎉 📌 Implement MyButton MyButton은 간단하게 색을 props로 받아 변경하는 것으로 구현을 해보겠습니다. export default { name: "MyButton", props: { btnType: { type: String, default: "blue", }, }, computed: { btnTypeClass() { return `my-button__${this.btnType}`; }, }, methods: { onC..

Vue Storybook6 - mdx

Vue Storybook6 - 간단한 버튼 만들기

티스토리툴바