Angular Material Theming

Lesson 10 Kitchen Sink

Autocomplete

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

Multi selection

Standalone

Card

Simple card Complicated cardSubtitle

This is some stuff

And more stuff

Hurray

Checkbox

Without a label

Chips

One fishTwo fishPrimary fishAccent fish

Datepicker

Disabled datepicker

Dialog

Grid list

Fry
Leela
Amy
Bender

Icon

Input

.00
Dolla dolla bills

List

Robot
Android
Cyborg
Search
Find
Seek

Menu

Progress bar

Progress spinner

Radio buttons

Radio group

Standalone radios

Select

Sidenav

Commenting this out as we have an example <-

Slide-toggle

Without a label

Slider

0
50
5

Tabs

The overview

Paginator

Items per page:
1 - 5 of 100

Toolbar

Basic toolbarMulti rowToolbarWarn toolbar

Sort

Cupcake3054674

Tooltip

Autosize textarea

Expansion Panel

This is the content text that makes sense here.
Action

Material Table

ID 1 2

Native table with sticky header and footer

ID
1
2

Selection list

Groceries

Apples
Bananas
Oranges

Vertical Stepper

1
Step 1
Content 1
2
Step 1

Vertical Stepper (with label template)

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

Horizontal Stepper

1
Step 1
2
Step 2
Content 1

Focus trap

Badge

Drag and Drop

  • One
  • Two
Hello there
Hello there