Style Guide
Colors
Accent 000
Accent 100
Accent 200
Accent 300
Text
Text muted
Text
Border
Typography
Paragraph is the basis of the typographic scale. Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum sequi fugit natus accusantium, in placeat doloremque quia nihil tenetur dolorum quaerat impedit, repellat similique vitae laborum, distinctio rem. Eum, suscipit!
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lists
- List item 1
- List item 2
- List item 3
- List item 4
- List item 1
- List item 2
- List item 3
- List item 4
Ruler
Links
A hyperlinkBlockquote and Figure
It can take a while to realize the path you were on was the right one at the wrong time.
Code
console.log('Inline code');
Time
iframe
Tables
Attribute | Description |
---|---|
url |
A string that is coppied to the clipboard and/or used by the native share API. Defaults to the current page's URL |
copy-button |
A string that is used for the copy button text. Defaults to "Copy" |
share-text |
A string that is use as the message by the native web share API. Defaults to the current page title |
share-button |
A string that is used for the share button text. Defaults to "Share" |
Details/Summary
Disclosure widget
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur dolorem at voluptas impedit ad sit est quaerat facere aperiam, beatae sapiente eius cumque fugit, fugiat doloribus facilis labore corrupti velit.