Typography
Important: Lineheights have not been defined in style guide design. We're defaulting to 1.5 across all headings for the time being.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Mauris non tempor quam, et lacinia sapien. Mauris accumsan eros eget libero posuere vulputate. Etiam elit elit, elementum sed varius at, adipiscing vitae est. Sed nec felis pellentesque, lacinia dui sed, ultricies sapien. Pellentesque orci lectus, consectetur vel posuere posuere, rutrum eu ipsum.
Text Link
Error
Error text
TYPE BUTTON "class_name" or [type] |
BUTTON |
---|---|
BUTTON DEFAULT .button |
Button |
BUTTON SECONDARY .button .button--secondary |
Button |
BUTTON DISABLE [disable] |
|
BUTTON LARGE .button .button--large |
Sign in |
BUTTON LINK .button .button--link |
Shop the collection |
Table account
Product | SKU | Price | Quantity | Total |
---|---|---|---|---|
Test product | $22.00 | 1 | $22.00 | |
Test productss | $22.00 | 1 | $22.00 |
Table responsive
Order | Date | Payment Status | Fulfillment Status | Tracking number | Total |
---|---|---|---|---|---|
SOL-666 | May 29, 2020 | Authorized | Unfulfilled | 1234567 | $22.00 |
SOL-888 | May 29, 2020 | Paid | Fulfilled | WN247245s64 | $35.90 |
SOL-888 | May 29, 2020 | Paid | Fulfilled | WN247245s64 | $35.90 |
Notice
Navigation, Pagination, Labels
Breadcrumbs
Path to icon | Icon |
---|---|
logo | |
chat | |
search | |
phone | |
bag | |
burger | |
arrow | |
plus | |
close | |
arrow-up | |
chevron-left | |
chevron-right | |