---
# System prepended metadata

title: Design System Mobile - Dai-ichi Connect

---

# Design System Mobile - Dai-ichi Connect
## Needed Components
### Badges
- Notifications/Message: đã có
- Đếm số lượng unit: chưa có
- State của object (vd: verified, online, done): chưa có
- Số điểm thưởng cho hoạt động: chưa có
- Marketing/Discount value: chưa có
- Highlighted/Feature mới: chưa có
- Categorizing content: chưa có
- Tagging: chưa có

Tham khảo: https://setproduct.com/blog/badge-ui-design
### App Bars (For mini apps inside Song Khoe)
- Bottom app bar: không cần
- Header app bar: chưa đầy đủ
    - Minimum unit: bài viết, chi tiết challenge, giải thích...
    - Function theo level: main - sub - mini

Tham khảo: https://setproduct.com/blog/appbar-ui-design
### Bottom Sheet
Use case: 
- Cung cấp thông tin chi tiết: đã có
- Xác nhận/confirm ý hiểu: đã có

Tham khảo: 
https://m3.material.io/components/bottom-sheets/overview
https://setproduct.com/patterns/ios/sheets
### Buttons by styles
Đã có nhưng define chưa đầy đủ các use cases:
1. Elevated button
2. Filled button
3. Filled tonal button
4. Outlined button
5. Text button
6. Icon button
7. Segmented button
8. Floating action button (FAB)
9. Extended FAB

Tham khảo: https://m3.material.io/components/all-buttons
### Card
- Card cho hoạt động mới nhất/list: chưa có
- Bài viết: đã có
- Thử thách: chưa có
- Sự kiện: đã có
- Bài test: chưa có
- Card cho promotion/quảng cáo: chưa có
- Card để select: chưa có
- Card có button: đã có
- Card thông tin: đã có
- Card quảng cáo, sản phẩm: đã có
- Card collapse/expanse: đã có

Tham khảo: https://setproduct.com/patterns/ios/cards
### Chips
- Hỗ trợ: chưa có
- Filter: chưa có
- Input: chưa có
- Suggestion: chưa có
### Charts
- Thể hiện progress theo % target: chưa có (vòng tròn, bar)
- Thể hiện xu hướng theo dạng summary, có yếu tố so sánh (chart, line): chưa có
- Thể hiện tỉ lệ (line + pie): chưa có
- Chart thể hiện các aspect trong 1 tập lớn (radar): chưa có

Tham khảo: https://www.designyourway.net/blog/inspiration/mobile-ui-design-inspiration-charts-and-graphs/
### Date picker
Đã có

### Dialogs
Đã có
### Dividers
Chưa có

### Menu
Đã có nhưng quá boring, cần làm mới lại

### Navigation bars
- Main DC menu: đã có
- App Tư vấn: chưa có
- App Thử thách: chưa có
- App Vận Động: chưa có
- Categories:chưa có

### Navigation Drawer
Chưa có

### Progress indicator
Đã có

### Raido button
Đã có
### Slider
Chưa có
### Snack bar
- Thông báo: đã có
- Thông báo kèm action: đã có
### Switch/Toggle
Đã có
### Tabs
Đã có
### Text field
Đã có
### Time picker
Đã có
### Top app bar
Đã có

