Skip to main content

Bài 12-Các thành phần UI vật liệu

Mọi thành phần Material UI hiện có.hình ảnhDành cho Figma . Một bộ UI lớn với hơn 600 thành phần Material UI, MUI X, Joy UI được làm thủ công 🎨.quảng cáo của MUI

Material UI hướng đến mục tiêu cung cấp các khối xây dựng cho các nhà phát triển để tạo ra các giao diện người dùng tuyệt vời bằng cách sử dụng các nguyên tắc Material Design làm tài liệu tham khảo, mà chúng tôi cố gắng tuân theo khi thực tế. Thư viện không nhất thiết phải triển khai các thông số kỹ thuật chính xác của mọi thành phần hoặc tính năng—khi các nguyên tắc chính thức không đầy đủ hoặc mâu thuẫn, người bảo trì áp dụng ý thức chung cùng với các tiêu chuẩn mới nhất trong phát triển web.

Đầu vào​

[

Tự động hoàn thành​

Không có hướng dẫn

](https://mui.com/material-ui/react-autocomplete/)

[

Cái nút​

MD2

](https://mui.com/material-ui/react-button/)

[

Nhóm nút​

Không có hướng dẫn

](https://mui.com/material-ui/react-button-group/)

[

Hộp kiểm​

MD2

](https://mui.com/material-ui/react-checkbox/)

[

Nút hành động nổi​

MD2

](https://mui.com/material-ui/react-floating-action-button/)

[

Nhóm phát thanh​

MD2

](https://mui.com/material-ui/react-radio-button/)

[

Xếp hạng​

Không có hướng dẫn

](https://mui.com/material-ui/react-rating/)

[

Lựa chọn​

MD2

](https://mui.com/material-ui/react-select/)

[

Thanh trượt​

MD2

](https://mui.com/material-ui/react-slider/)

[

Công tắc​

MD2

](https://mui.com/material-ui/react-switch/)

[

Trường văn bản​

MD2

](https://mui.com/material-ui/react-text-field/)

[

Danh sách chuyển nhượng​

Không có hướng dẫn

](https://mui.com/material-ui/react-transfer-list/)

[

Nút chuyển đổi​

Không có hướng dẫn

](https://mui.com/material-ui/react-toggle-button/)

Hiển thị dữ liệu​

[

Hình đại diện​

Không có hướng dẫn

](https://mui.com/material-ui/react-avatar/)

[

Huy hiệu​

](https://mui.com/material-ui/react-badge/)

[

Chip​

MD2

](https://mui.com/material-ui/react-chip/)

[

Bộ chia​

MD2

](https://mui.com/material-ui/react-divider/)

[

Biểu tượng​

MD2

](https://mui.com/material-ui/icons/)

[

Biểu tượng vật liệu​

MD2

](https://mui.com/material-ui/material-icons/)

[

Danh sách​

MD2

](https://mui.com/material-ui/react-list/)

[

Bàn​

MD2

](https://mui.com/material-ui/react-table/)

[

Chú giải công cụ​

MD2

](https://mui.com/material-ui/react-tooltip/)

[

Kiểu chữ​

MD2

](https://mui.com/material-ui/react-typography/)

Nhận xét​

[

Báo động​

Không có hướng dẫn

](https://mui.com/material-ui/react-alert/)

[

Bối cảnh​

Không có hướng dẫn

](https://mui.com/material-ui/react-backdrop/)

[

Đối thoại​

MD2

](https://mui.com/material-ui/react-dialog/)

[

Tiến triển​

MD2

](https://mui.com/material-ui/react-progress/)

[

Bộ xương​

Không có hướng dẫn

](https://mui.com/material-ui/react-skeleton/)

[

Quầy ăn nhẹ​

MD2

](https://mui.com/material-ui/react-snackbar/)

Bề mặt​

[

đàn accordion​

MD1

](https://mui.com/material-ui/react-accordion/)

[

Thanh ứng dụng​

MD2

](https://mui.com/material-ui/react-app-bar/)

[

Thẻ​

MD2

](https://mui.com/material-ui/react-card/)

[

Giấy​

MD2

](https://mui.com/material-ui/react-paper/)

Điều hướng​

[

Điều hướng dưới cùng​

MD2

](https://mui.com/material-ui/react-bottom-navigation/)

[

Bánh mì vụn​

Không có hướng dẫn

](https://mui.com/material-ui/react-breadcrumbs/)

[

Ngăn kéo​

MD2

](https://mui.com/material-ui/react-drawer/)

[

Liên kết​

Không có hướng dẫn

](https://mui.com/material-ui/react-link/)

[

Thực đơn​

MD2

](https://mui.com/material-ui/react-menu/)

[

Phân trang​

Không có hướng dẫn

](https://mui.com/material-ui/react-pagination/)

[

Quay số nhanh​

Không có hướng dẫn

](https://mui.com/material-ui/react-speed-dial/)

[

Bước​

MD1

](https://mui.com/material-ui/react-stepper/)

[

Các tab​

MD2

](https://mui.com/material-ui/react-tabs/)

Cách trình bày​

[

Hộp​

Không có hướng dẫn

](https://mui.com/material-ui/react-box/)

[

Thùng chứa​

Không có hướng dẫn

](https://mui.com/material-ui/react-container/)

[

Lưới​

Không có hướng dẫn

](https://mui.com/material-ui/react-grid/)

[

Lưới v2​

Không có hướng dẫn

](https://mui.com/material-ui/react-grid2/)

[

chồng​

Không có hướng dẫn

](https://mui.com/material-ui/react-stack/)

[

Danh sách hình ảnh​

MD2

](https://mui.com/material-ui/react-image-list/)

Phòng thí nghiệm​

[

Xây dựng​

Không có hướng dẫn

](https://mui.com/material-ui/react-masonry/)

[

Dòng thời gian​

Không có hướng dẫn

](https://mui.com/material-ui/react-timeline/)

Tiện ích​

[

Người nghe Click-Away​

](https://mui.com/material-ui/react-click-away-listener/)

[

Đường cơ sở CSS​

](https://mui.com/material-ui/react-css-baseline/)

[

Phương thức​

](https://mui.com/material-ui/react-modal/)

[

Không có SSR​

](https://mui.com/material-ui/react-no-ssr/)

[

Popover​

](https://mui.com/material-ui/react-popover/)

[

Popper​

](https://mui.com/material-ui/react-popper/)

[

Cổng thông tin​

](https://mui.com/material-ui/react-portal/)

[

Tự động thay đổi kích thước vùng văn bản​

](https://mui.com/material-ui/react-textarea-autosize/)

[

Chuyển tiếp​

](https://mui.com/material-ui/transitions/)

[

sử dụngMediaQuery​

](https://mui.com/material-ui/react-use-media-query/)