Material
Components
CDK
Guides
7.3.7
arrow_drop_down
format_color_fill
GitHub
Components
CDK
Guides
menu
Input
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 input
Basic Inputs
Favorite food
Leave a comment
Input with a custom ErrorStateMatcher
Email
Errors appear instantly!
Auto-resizing textarea
16px
Font size
Autosize textarea
Input with a clear button
Clearable input
close
Input with error messages
Email
Inputs in a form
Company (disabled)
First name
Long Last Name That Will Be Truncated
1600 Amphitheatre Pkwy
Address
Address 2
City
State
Postal Code
5 / 5
Input with hints
Message
Don't disclose personal info
0 / 256
Inputs with prefixes and suffixes
+1
Telephone
mode_edit
Select a theme!
View source
Edit in StackBlitz