Web Components 0.0.36

Typography

Title Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Subtitle 1 Subtitle 2 Body 1 Body 2 Button Caption Overline

Box

Centered Box Inline -Margin Block -Margin

ScrollBox

Hover me

Fixed dimension ScrollBox content

Stretched ScrollBox content

Stack

Centered Stack

Center Left Center Right Horizontal Stack with space-between

List

• Item 1
• Item 2
• Item 3

Nav Button

Nav Button Nav Button 2 Border Top Arrow Left Border Both

Grid

Item 1 Item 2 Item 3 Item 4 Item 5 Item 6

Tabs

Tab 1 Tab 2 Tab 3 Content for Tab 1 Content for Tab 2 Content for Tab 3

App Bar

App Bar

Bottom Navigation

Button

Small Filled Small Outlined Medium Filled Medium Outlined Large Filled Large Outlined

Figure

Icon

Checkbox

Checked Unchecked Checked Disabled Unchecked Disabled

Radio

Option 1 Option 2 Option 3

Chip

Switch

Badge

Badge Badge

Link

Example Link Bare Link

Table

Column 1	Column 2	Column 3
Row 1, Cell 1	Row 1, Cell 2	Row 1, Cell 3
Row 2, Cell 1	Row 2, Cell 2	Row 2, Cell 3

Tooltip

Text with tooltip Button with tooltip

Select

Option A Option B Option C Stretched A Stretched B Stretched C

Divider

Default Divider Light Divider Vertical Divider Vertical Light Divider

Card

Card Title

Card content

Image Card Title

Image card content.

Video Card Title Video card content.

Snackbar

Inline Closable Snackbar Inline Stretched Snackbar

Spinner

Color Picker

© 2024 Arjan Frans - Source Code Test Snackbar Test Stretched Snackbar