Demo

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5

Headline 6

Subtitle 1

Subtitle 2

Body 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.

Body 2. Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate aliquid ad quas sunt voluptatum officia dolorum cumque, possimus nihil molestias sapiente necessitatibus dolor saepe inventore, soluta id accusantium voluptas beatae.

Button Text

Caption Text

Overline Text

+mdc-typography('Headline 1')(element='h1' type='headline1')
+mdc-typography('Headline 2')(element='h2' type='headline2')
+mdc-typography('Headline 3')(element='h3' type='headline3')
+mdc-typography('Headline 4')(element='h4' type='headline4')
+mdc-typography('Headline 5')(element='h5' type='headline5')
+mdc-typography('Headline 6')(element='h6' type='headline6')
+mdc-typography('Subtitle 1')(type='subtitle1')
+mdc-typography('Subtitle 2')(type='subtitle2')
+mdc-typography('Body 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.')(type='body1')
+mdc-typography('Body 2. Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate aliquid ad quas sunt voluptatum officia dolorum cumque, possimus nihil molestias sapiente necessitatibus dolor saepe inventore, soluta id accusantium voluptas beatae.')(type='body2')
+mdc-typography('Button Text')(type='button')
+mdc-typography('Caption Text')(type='caption')
+mdc-typography('Overline Text')(type='overline')