DL
- Colors
- Buttons
- Tabs
- Form
- Icons
- Table
- Tooltip
- Accordions
- Toast
- Notify
- Breadcrumbs
- Links
- Common
- Modal
- Pagination
Colors
Primary buttons
Secondary buttons
Tertiary buttons
Add to cart buttons
Upload file
Upload a File
- First Tab
- SecondTab
- ThirdTab
First tab
Second tab
Third tab
List
- Item 1
- Item 1.1
- Item 1.2
- Item 1.3
- Item 2
- Item 3
- Item 4
- Item 1
- Item 1.1
- Item 1.2
- Item 1.3
- Item 2
- Item 3
- Item 4
Datepicker
//
//
please choose a valid date
0//
/
/
/
Checkbox & radio
Textfiled
Error
Textarea
Select
Dynamic dropdown
show options
Icons
Torrco Icons
Epi Icons
Tables
| 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 |
Tooltip
Tooltip with long text
Tooltip with icon
Tooltip with trigger link
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.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.
- 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 / notification
Notify - static message
Success:
successHere is an explanation It drops to next line if content is too long.
Danger:
dangerDanger
Info:
infoInfo
Warning:
warningWarning
Breadcrumbs
Common
Test Tag
Modal
Pagination
| Invoice Number | Invoice Date | Terms | Due Date | Ship To / Pick Up | Status | Invoice Total | Current Balance |
|---|---|---|---|---|---|---|---|
| 0002041 | 8/14/2019 | Net 30 | Paid | Plymouth Warehouse | open | $82.00 | $0.00 |
| 0102014 | 8/14/2019 | Net 30 | 8/20/2020 | Edina Warehouse 1 | overdue | $28.00 | $14.00 |
| 0201079 | 7/20/2020 | Net 30 | Paid | Plymouth Warehouse | open | $79.00 | $0.00 |
| 0301065 | 7/20/2020 | Net 30 | Paid | Plymouth Warehouse | open | $65.00 | $0.00 |
| 0401037 | 7/20/2020 | Net 30 | 8/20/2020 | Edina Warehouse 1 | overdue | $37.00 | $37.00 |
| 0501013 | 7/20/2020 | Net 30 | 8/20/2020 | Edina Warehouse 1 | overdue | $13.00 | $13.00 |
| 0601039 | 7/20/2020 | Net 30 | 8/20/2020 | Edina Warehouse 1 | overdue | $39.00 | $39.00 |
| 0701074 | 7/20/2020 | Net 30 | Paid | Plymouth Warehouse | open | $74.00 | $0.00 |
| 0801027 | 7/20/2020 | Net 30 | 8/20/2020 | Edina Warehouse 1 | overdue | $27.00 | $27.00 |
| 0901037 | 7/20/2020 | Net 30 | 8/20/2020 | Edina Warehouse 1 | overdue | $37.00 | $37.00 |