Sử dụng Atomic Design và bootstrap 4 để tạo một số atom component test trên Storybook

Trong bài post trước mình đã giới thiệu với các bạn về storybook, setup và demo. Hôm nay mình sẽ base theo atomic design, boostrap 4 để tạo một số atom đơn giản để test trên storybook nhé!

1. Tạo một số atom đơn giản

Chúng ta sẽ tạo một số atom component đơn giản dùng trong form như là button, input, checkbox, radio, ...

Button

Vâng đơn giản nhất chắc có lẽ là button rồi =)). Chúng ta sẽ base theo boostrap và sẽ thêm các cách mà button có thể hiện thị(ở đây mình gọi là appearance