Angular Material offers a wide variety of UI components based on the Material Design specification
Autocomplete
Suggests relevant options as the user types.
Badge
A small value indicator that can be overlaid on another object.
Bottom Sheet
A large interactive panel primarily for mobile devices.
Button
An interactive button with a range of presentation options.
Button toggle
A groupable on/off toggle for enabling and disabling options.
Card
A styled container for pieces of itemized content.
Checkbox
Captures boolean input with an optional indeterminate mode.
Chips
Presents a list of items as a set of small, tactile entities.
Core
Reusable parts used by other components in the library.
Datepicker
Captures dates, agnostic about their internal representation.
Dialog
A configurable modal that displays dynamic content.
Divider
A vertical or horizontal visual divider.
Expansion Panel
A container which can be expanded to reveal more content.
Form field
Wraps input fields so they are displayed consistently.
Grid list
A flexible structure for presenting content items in a grid.
Icon
Renders a specified icon.
Input
Enables native inputs to be used within a Form field.
List
Presents conventional lists of items.
Menu
A floating panel of nestable options.
Paginator
Controls for displaying paged data.
Progress bar
A linear progress indicator.
Progress spinner
A circular progress indicator.
Radio button
Allows the user to select one option from a group.
Ripples
Directive for adding Material Design ripple effects
Select
Allows the user to select one or more options using a dropdown.
Sidenav
A container for content that is fixed to one side of the screen.
Slide toggle
Captures boolean values as a clickable and draggable switch.
Slider
Allows the user to input a value by dragging along a slider.
Snackbar
Displays short actionable messages as an uninvasive alert.
Sort header
Allows the user to configure how tabular data is sorted.
Stepper
Presents content as steps through which to progress.
Table
A configurable component for displaying tabular data.
Tabs
Only presents one view at a time from a provided set of views.
Timepicker
Allows the user to select a time of the day.
Toolbar
A container for top-level titles and controls.
Tooltip
Displays floating content when an object is hovered.
Tree
Presents hierarchical content as an expandable tree.