# Component

## **Component**

&#x20;    Component คือ ชุดรูปแบบที่สมาชิกในทีมสามารถหยิบไปใช้งานได้ จะช่วยให้เราสามารถทำงานได้เร็วขึ้น ไม่ต้องเสียเวลาออกแบบรูปแบบองค์ประกอบในงานทุกส่วน และยังเป็นผลดีกับฝ่าย developer เช่น ฝ่าย design ต้องการแก้ไข Secondary button จากสีเหลือง เป็นสีส้ม ทั้งโปรเจกต์ ฝ่าย developer ก็สามารถแก้ไขได้ทันที ไม่ต้องแก้ไขหลายจุด\\

![](https://lh3.googleusercontent.com/DB2fEzJIqIa7ZvTr8Pe9GGPW5RxvxddGnjYbDshUMegvS20Yu34q_rs5Or7dQKqEQ1l14Z2z-8t456wzXbQ4KCxHX29YOX_hU4ebnxU3TTyUHugDj-8Pd1I8fp93umRIBltTIduc)

**ตัวอย่าง**

### Component: button

<div align="center"><img src="https://lh3.googleusercontent.com/xAv3WpC-IABsgz1f3LI7vbKQVYc2BsH2A6u-8hUmMSgdEoaT3D4gx2Jhq8E5fqFD_m-nVBplxT2_DbhO95_6ZuCJ08yKYehwBZUpOJEcdjNsm7OIb8jozKPLA4YO6km0fvW1hEsBuVc" alt=""></div>

![](https://lh3.googleusercontent.com/-GIpJZ9geKzqeXwlU-UGhjTb16b-eM9ayl72bOss92kTw4DyF0ShpSC74V29xrFWy9MLcYzTTrn8drj7l4mbl85mFdKux-FZQwI3k4rqEZ0p-DGplrraO7PZxdJgAUXmOfUyBnaWwpw)
