DL
Colors
Icons
Typography
Buttons
Form
Table
Tabs
Tooltip
Accordions
Toast
Notify
Breadcrumbs
Common
Modal
Pagination
Colors
Click on the color item to copy color path
Pacific Icons
Mobius Icons
Tooltip
This is Headline 1
This is Headline 2
This is Headline 3
This is Headline 4
This is Headline 5
This is Headline 6
This is Paragraph
Primary Button
Tertiary Button
Upload File Button
Upload a File
TextField
Error
TextArea
Select
DatePicker
//
//
please choose a valid date
0//
Checkbox
Radio
Dynamic Dropdown
show options
Links
Ordered List
- Item 1
- Item 1.1
- Item 1.2
- Item 1.3
- Item 2
- Item 3
- Item 4
Unordered List
- Item 1
- Item 1.1
- Item 1.2
- Item 1.3
- Item 2
- Item 3
- Item 4
Table
| Ship To | Order Total | reorder | ||||
|---|---|---|---|---|---|---|
| 1/5/2018 | 1234504 | MFG Co., 123 North Fifth, Minneapolis, MN 55406 | Submitted | 10000 | $805.92 | |
| 1/4/2018 | 1234503 | MFG Co., 123 North Fifth, Minneapolis, MN 55406 | Shipped | 10000 | $44.01 | |
| 1/3/2018 | 1234502 | MFG Co., 123 North Fifth, Minneapolis, MN 55406 | RMA | 10000 | $123.45 | |
| 1/2/2018 | 1234501 | MFG Co., 123 North Fifth, Minneapolis, MN 55406 | Complete | 10000 | $44.01 | |
| 1/1/2018 | 1234500 | MFG Co., 123 North Fifth, Minneapolis, MN 55406 | Complete | 10000 | $123.45 |
Tabs
Selected
Tab 2
Tab3
Selected
Tab 2
Tab3
Tooltip
Tooltip with long text and default icon
Tooltip with custom icon
Tooltip with trigger component -
Accordions
- To obtain a price quote, add this item to your cart and select 'Request a Quote' from the cart page. You can request a quote for multiple items.
- To obtain a price quote, add this item to your cart and select 'Request a Quote' from the cart page. You can request a quote for multiple items.
- To obtain a price quote, add this item to your cart and select 'Request a Quote' from the cart page. You can request a quote for multiple items.
Toast
Notify
Success Notification: Additional Copy Goes Here
Danger Notification: Additional copy goes here
Info Notification: Additional Copy Goes Here
Warning Notification: Additional Copy Goes Here
Short Breadcrumbs
Long Breadcrumbs
Spinner
Tags
Test Tag
Test Tag - deletable
To obtain a price quote, add this item to your cart and select 'Request a Quote' from the cart page. You can request a quote for multiple items.
Overflow menu
Modal
Pagination
| Invoice Number | Invoice Date | Terms | Due Date | Ship To / Pick Up | Status | Invoice Total | Current Balance |
|---|---|---|---|---|---|---|---|
| 0002091 | 8/14/2019 | Net 60 | Paid | Plymouth Warehouse | open | $182.00 | $0.00 |
| 010100 | 7/20/2020 | Net 30 | 8/20/2020 | Edina Warehouse 1 | overdue | $0.00 | $0.00 |
| 020108 | 7/20/2020 | Net 30 | 8/20/2020 | Edina Warehouse 1 | overdue | $8.00 | $8.00 |
| 0302088 | 8/14/2019 | Net 60 | Paid | Plymouth Warehouse | open | $176.00 | $0.00 |
| 0401099 | 7/20/2020 | Net 30 | Paid | Plymouth Warehouse | open | $99.00 | $0.00 |
| 0501088 | 7/20/2020 | Net 30 | Paid | Plymouth Warehouse | open | $88.00 | $0.00 |
| 0602052 | 8/14/2019 | Net 60 | Paid | Plymouth Warehouse | open | $104.00 | $0.00 |
| 0702044 | 8/14/2019 | Net 30 | Paid | Plymouth Warehouse | open | $88.00 | $0.00 |
| 080200 | 8/14/2019 | Net 30 | 8/20/2020 | Edina Warehouse 1 | overdue | $0.00 | $0.00 |
| 0901020 | 7/20/2020 | Net 30 | 8/20/2020 | Edina Warehouse 1 | overdue | $20.00 | $20.00 |