Simple Widget

A simple widget can be built with Angular Material cards and placed at the top of a page section.

Simple Widget

Lorem ipsum dolor sit amet consectetur, adipisicing elit. A, rem?

{{'<'}}mat-card{{'>'}}
  {{'<'}}mat-card-title{{'>'}}
    {{'<'}}p{{'>'}}Simple Widget{{'<'}}/p{{'>'}}
  {{'<'}}/mat-card-title{{'>'}}

  {{'<'}}mat-card-subtitle{{'>'}}
    {{'<'}}p{{'>'}}
      Lorem ipsum dolor sit amet consectetur,
      adipisicing elit. A, rem?
    {{'<'}}/p{{'>'}}
  {{'<'}}/mat-card-subtitle{{'>'}}
{{'<'}}/mat-card{{'>'}}

Page Title

Use title and subtitle blocks to build a compact page header widget.

Page Title

Short helper text for this page section

{{'<'}}mat-card-title{{'>'}}
  {{'<'}}p{{'>'}}Page Title{{'<'}}/p{{'>'}}
{{'<'}}/mat-card-title{{'>'}}