Material
Components
CDK
Guides
7.3.7
arrow_drop_down
format_color_fill
GitHub
Components
CDK
Guides
menu
Expansion Panel
Form Controls
keyboard_arrow_up
Autocomplete
Checkbox
Datepicker
Form field
Input
Radio button
Select
Slider
Slide toggle
Navigation
keyboard_arrow_up
Menu
Sidenav
Toolbar
Layout
keyboard_arrow_up
Card
Divider
Expansion Panel
Grid list
List
Stepper
Tabs
Tree
Buttons & Indicators
keyboard_arrow_up
Button
Button toggle
Badge
Chips
Icon
Progress spinner
Progress bar
Ripples
Popups & Modals
keyboard_arrow_up
Bottom Sheet
Dialog
Snackbar
Tooltip
Data table
keyboard_arrow_up
Paginator
Sort header
Table
overview
api
examples
Examples for expansion
Basic expansion panel
Personal data
Type your name and age
First name
Age
Self aware panel
Currently I am closed
I'm visible because I am open
Expansion panel as accordion
Personal data
Type your name and age
account_circle
First name
Age
Next
Destination
Type the country name
map
Country
Previous
Next
Day of the trip
Inform the date you wish to travel
date_range
Date
Previous
End
Select a theme!
View source
Edit in StackBlitz