Fast Delivery! Order in-stock items before 7 p.m. CST Monday thru Thursday - get the next day!

Home
loading content

Design System

TextField

Error

TextArea

Select

DatePicker

//
//
please choose a valid date
0//

Checkbox

Checkbox Group Label

Radio

Dynamic Dropdown

Links

Ordered List

  1. Item 1
    1. Item 1.1
    2. Item 1.2
    3. Item 1.3
  2. Item 2
  3. Item 3
  4. Item 4

Unordered List

  • Item 1
    • Item 1.1
    • Item 1.2
    • Item 1.3
  • Item 2
  • Item 3
  • Item 4

Basic/Row Column Sizing:

 

2 Column - [12,6,6,8,8]+[12,6,6,4,4] --- Subject to change depending on how you have split.

 

  • Change the last two numbers (bold) for what size you want on desktop/large screen, Mobile/Tablet should already be formatted.
    • Ex. If you want 5 + 7 it will look like this [12,6,6,5,5]+[12,6,6,7,7]

 

3 Column - [12,6,6,4,4]+[12,6,6,4,4]+[12,6,6,4,4]

 

4 Column - [12,6,6,3,3]+[12,6,6,3,3]+[12,6,6,3,3]+[12,6,6,3,3]

 

5 Column - [12,6,6,2.4,2.4]+[12,6,6,2.4,2.4]+[12,6,6,2.4,2.4]+[12,6,6,2.4,2.4]+[12,6,6,2.4,2.4]

 

6 Column - [12,4,4,2,2]+[12,4,4,2,2]+[12,4,4,2,2]+[12,4,4,2,2]+[12,4,4,2,2]+[12,4,4,2,2]

 

Note* These all may require some tweaking depending on if you're using buttons or content blocks.