自动完成 Autocomplete
徽章 Badge
底部操作表 Bottom Sheet
按钮 Button
开关按钮 Button toggle
卡片 Card
检查框 Checkbox
纸片 Chips
日期选择器 Datepicker
对话框 Dialog
分割器 Divider
可展开面板 Expansion Panel
表单字段 Form field
网格列表 Grid list
图标 Icon
输入框 Input
列表 List
菜单 Menu
分页器 Paginator
进度条 Progress bar
进度圈 Progress spinner
单选按钮 Radio button
涟漪 Ripples
选择框 Select
侧边栏 Sidenav
滑块开关 Slide toggle
滑杆 Slider
快餐栏 Snackbar
排序头 Sort header
步进器 Stepper
表格 Table
选项卡 Tabs
工具栏 Toolbar
工具提示 Tooltip
树 Tree
Autosize sidenav
Drawer with explicit backdrop setting
Side
Sidenav with custom escape and backdrop click behavior
Please open on Stackblitz to see result
Basic drawer
Drawer content
Fixed sidenav
Please open on StackBlitz to see result
Testing with MatSidenavHarness
This example contains tests. Open in Stackblitz to run the tests.
Sidenav with configurable mode
Please open on Stackblitz to see result
Sidenav open & close behavior
Please open on Stackblitz to see result
Basic sidenav
Please open on Stackblitz to see result
Implicit main content with two sidenavs
Please open on Stackblitz to see result
Responsive sidenav
Please open on Stackblitz to see result