Logo WEB COMPONENTS Web Components 0.0.13

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

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

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

Chip

Switch

Badge

 Badge Badge

Link

 Example 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

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.

Spinner

Color Picker

 © 2024 Arjan Frans - Source Code