Angular w/ Ant Design #1 🐜

Ant Design คือ ? 🐜

Ant Design เป็น UI component library ระดับ องค์กร ถูกพัฒนาโดย Ant Financial จาก ประสบการณ์ และสถานะการที่ซับซ้อน ขององค์กร ในการออกแบบเพื่อให้มี ประสบการณ์ของผู้ใช้ที่ดีขึ้น ถูกใช้งานแล้วบน Ant Financial , Alibaba ,Tencent

NG-ZORRO - Ant Design For Angular

ng-zorro คือ UI component library สำหรับ angular คล้ายๆกับ primeng , angular material ช่วยให้เราพัฒนาเว็บไซต์ ให้สวยงาม และง่ายมากยิ่งขึ้น ด้วย 60+ component

Installation ⚡

1. เริ่มด้วยการสร้าง Angular Project

$ ng new <project_name>

2. ติดตั้ง NG-ZORRO

$ ng add ng-zorro-antd

ng-zorro-antd สามารถ ติดตั้งแบบ schematics ได้ ทำให้ config ทุกอย่างมาให้เลย

3. start project ได้เลย

$ ng serve --open

layout sidemenu ออกมาแล้ว ง่ายมากๆเลย ✨

สรุป

ant design ยังมี component อื่นอีกมากมาย เข้าไปดูได้ที่ https://ng.ant.design/

วันหลังจะมาแนะนำ component ของ ant design ให้อีกนะครับ
ขอบคุณครับ 😃