Hệ thống Thiết kế Carbon
Carbon là một hệ thống thiết kế mã nguồn mở được xây dựng bởi IBM. Với Ngôn ngữ Thiết kế IBM làm nền tảng, hệ thống bao gồm mã code hoạt động, công cụ và tài liệu thiết kế, hướng dẫn giao diện người dùng, và một cộng đồng đóng góp sôi nổi.
Bắt đầu
Nếu bạn mới bắt đầu, hãy kiểm tra @carbon/react.
Chúng tôi cũng có các thành phần do cộng đồng đóng góp cho các công nghệ sau đây:
Nếu bạn đang cố gắng tìm một điều gì đó cụ thể, đây là danh sách đầy đủ các gói mà chúng tôi hỗ trợ!
| Tên gói | Mô tả |
|---|---|
@carbon/react |
Các thành phần và kiểu React |
@carbon/styles |
Kiểu Sass cho các thành phần |
@carbon/elements |
Các yếu tố Ngôn ngữ Thiết kế IBM như màu sắc, loại chữ, biểu tượng, và nhiều hơn nữa |
@carbon/colors |
Làm việc với màu sắc Ngôn ngữ Thiết kế IBM |
@carbon/grid |
Xây dựng bố cục bằng cách sử dụng hệ thống lưới 16 cột mới |
@carbon/icons |
Tài sản biểu tượng. Chúng tôi cũng hỗ trợ: React, Angular, Vue, và Svelte |
@carbon/pictograms |
Tài sản biểu tượng vẽ. Chúng tôi cũng hỗ trợ: React và Svelte |
@carbon/layout |
Đơn vị dựa trên bố cục và mức khoảng cách |
@carbon/motion |
Đường cong chuyển động hiệu quả và biểu cảm |
@carbon/themes |
Mã thông báo màu sắc có sẵn trong Hệ thống Thiết kế Carbon, như $interactive-01 |
@carbon/type |
Mã thông báo loại mới được sử dụng cùng với IBM Plex |
Tài liệu
- Xem trang tài liệu của chúng tôi here để biết các tài liệu đầy đủ và hướng dẫn chi tiết
- Đóng góp: Hướng dẫn đóng góp vào kho chứa này.
- 🏃♀️ Hướng dẫn Di chuyển
- v10 đến v11
- v9 đến v10 (vanilla)
- v9 đến v10 (v6 đến v7 React)
🙌 Đóng góp
Cảm ơn bạn!
Chúng tôi luôn tìm kiếm các đóng góp viên để giúp chúng tôi sửa lỗi, xây dựng tính năng mới hoặc cải thiện tài liệu dự án. Nếu bạn quan tâm, hãy chắc chắn kiểm tra Hướng dẫn Đóng góp của chúng tôi và Hướng dẫn Phát triển của chúng tôi! 👀
Thông tin tải về:
Tác giả: carbon-design-system
Mã nguồn: https://github.com/carbon-design-system/carbon
Giấy phép: Apache-2.0 license
Cảm ơn bạn!
