## Autocomplete

{{ option }}

## Bottom Sheet

## Button

### Basic Buttons

Link

### Raised Buttons

Link

### Stroked Buttons

Link

### Flat Buttons

Link

### Icon Buttons

### Fab Buttons

Link

### Mini Fab Buttons

Link

## Button toggle

### Single selection

Ketchup Mustard Mayo

### Multi selection

Ketchup Mustard Mayo

### Standalone

Hyperspinner enabled

### Card

Simple card Complicated card Subtitle

This is some stuff

And more stuff

Hurray

## Checkbox

With a label Without a label

## Chips

One fish Two fish Primary fish Accent fish

## Datepicker

## Disabled datepicker

## Dialog

## Grid list

Fry Leela Amy Bender

## Icon

grade

## Input

Surname $ .00 Dolla dolla bills Recession

## List

Robot Android Cyborg Search Find Seek

## Menu

## Progress bar

## Progress spinner

## Radio buttons

### Radio group

Charmander Squirtle Bulbasaur

### Standalone radios

White Yellow Green Red

## Select

Glass Ceramic Steel

## Sidenav

Commenting this out as we have an example <-

## Slide-toggle

With a label Without a label

## Slider

## Tabs

The overview API docs The API docs

## Paginator

## Toolbar

Basic toolbar Multi row Toolbar Warn toolbar

## Sort

Name | Calories | Fat | Carbs | Protein
--- | --- | --- | --- | ---
Cupcake | 305 | 4 | 67 | 4

## Tooltip

## Autosize textarea

## Expansion Panel

This is a panel description. Panel Title This is the content text that makes sense here. Action

## Material Table

ID {{ row.userId }}

## Native table with sticky header and footer

ID | {{ row.userId }} | ID

## Selection list

### Groceries

Apples Bananas Oranges

## Vertical Stepper

Content 1 Content 2

## Vertical Stepper (with label template)

NgTemplate Label #1 Content 1 NgTemplate Label #2 Content 2

## Horizontal Stepper

Content 1 Content 2

## Focus trap

## Badge

## Drag and Drop

- One
- Two