Grid System

Breakpoint attuale: xssmmdlgxlxxl

1402 (12)

685 (6)

446 (4)

327 (3)

207 (2)

88 (1)

1283 (11)

207 (2)

1163 (10)

327 (3)

1044 (9)

446 (4)

924 (8)

566 (5)

805 (7)

685 (6)

805 (7)

566 (5)

924 (8)

446 (4)

1044 (9)

327 (3)

1163 (10)

207 (2)

1283 (11)

88 (1)

Typography

	font-size	font-weight	font-family	classes
Display 1	80px	300	myriadpro, sans-serif	display-1
Display 2	72px	300	myriadpro, sans-serif	display-2
Display 3	64px	300	myriadpro, sans-serif	display-3
Display 4	56px	300	myriadpro, sans-serif	display-4
Display 5	48px	300	myriadpro, sans-serif	display-5
Display 6	40px	300	myriadpro, sans-serif	display-6
Heading 1	40px	500	myriadpro, sans-serif	h1
Heading 2	24px	500	myriadpro, sans-serif	h2
Heading 3	20px	500	myriadpro, sans-serif	h3
Heading 4	18px	500	myriadpro, sans-serif	h4
Heading 5	18px	500	myriadpro, sans-serif	h5
Heading 6	16px	500	myriadpro, sans-serif	h6
Bold text	16px	700	myriadpro, sans-serif	fw-bold
Normal text	16px	400	myriadpro, sans-serif	fw-normal
Semibold text	16px	400	myriadpro, sans-serif	fw-semi-bold
Small text	14px	400	myriadpro, sans-serif	small
Extra small text	12px	400	myriadpro, sans-serif	extra-small
Link	16px	400	myriadpro, sans-serif

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Icons

(tot: 27)

share-loyalty

sharing

voice-recorder

voice-recorder-on

arrow-down-bold

arrow-down-light

arrow-left-bold

arrow-left-light

arrow-right-bold

arrow-right-light

arrow-up-bold

arrow-up-light

close

error

filter-map

geolocator-map

headphone

info

language

minus

navigator

phone

pin-full

plus

search

settings

share-loyalty

sharing

voice-recorder

voice-recorder-on

arrow-down-bold

arrow-down-light

arrow-left-bold

arrow-left-light

arrow-right-bold

arrow-right-light

arrow-up-bold

arrow-up-light

close

error

filter-map

geolocator-map

headphone

info

language

minus

navigator

phone

pin-full

plus

search

settings

Spacing

px-0

px-1

px-2

px-3

px-4

px-5

Colors

primary
#00754C
rgb(0, 117, 76)

secondary
#4D4D4D
rgb(77, 77, 77)

yellow

rgba(0, 0, 0, 0)

violet

rgba(0, 0, 0, 0)

violet-light

rgba(0, 0, 0, 0)

blue

rgba(0, 0, 0, 0)

blue-light

rgba(0, 0, 0, 0)

green

rgba(0, 0, 0, 0)

green-light

rgba(0, 0, 0, 0)

Form


{
values:{...
}
errors:{}
touched:{}
status:undefined
isSubmitting:false
isValidating:false
submitCount:0
initialValues:{...
}
initialErrors:{}
initialTouched:{}
initialStatus:undefined
handleBlur:){...}
handleChange:){...}
handleReset:){...}
handleSubmit:){...}
resetForm:e){...}
setErrors:e){...}
setFormikState:e){...}
setFieldTouched:){...}
setFieldValue:){...}
setFieldError:e,t){...}
setStatus:e){...}
setSubmitting:e){...}
setTouched:){...}
setValues:){...}
submitForm:){...}
validateForm:){...}
validateField:){...}
isValid:true
dirty:false
unregisterField:e){...}
registerField:e,t){...}
getFieldProps:e){...}
getFieldMeta:e){...}
getFieldHelpers:e){...}
validateOnBlur:true
validateOnChange:true
validateOnMount:false
}

Buttons

Dropdowns

Table

th1	th2	th3	th4	th5	th6	th7	th8	th9	th10
tr1 td1	tr1 td2	tr1 td3	tr1 td4	tr1 td5	tr1 td6	tr1 td7	tr1 td8	tr1 td9	tr1 td10
tr2 td1	tr2 td2	tr2 td3	tr2 td4	tr2 td5	tr2 td6	tr2 td7	tr2 td8	tr2 td9	tr2 td10
tr3 td1	tr3 td2	tr3 td3	tr3 td4	tr3 td5	tr3 td6	tr3 td7	tr3 td8	tr3 td9	tr3 td10
tr4 td1	tr4 td2	tr4 td3	tr4 td4	tr4 td5	tr4 td6	tr4 td7	tr4 td8	tr4 td9	tr4 td10
tr5 td1	tr5 td2	tr5 td3	tr5 td4	tr5 td5	tr5 td6	tr5 td7	tr5 td8	tr5 td9	tr5 td10

Tabs

Accordion

Fugiat aute est aliqua Lorem. Nisi eiusmod deserunt enim in exercitation amet ex sit consequat commodo. Ullamco minim consequat laboris sit nulla nulla sint proident. Ex consectetur ullamco non qui aliquip nisi id.

Nostrud ullamco amet ea Lorem ad. Adipisicing irure aliquip fugiat occaecat tempor sint id aliquip Lorem sint elit. Cillum laborum Lorem excepteur id ea reprehenderit velit commodo. Nostrud laborum id ea culpa exercitation cillum deserunt velit. In consectetur officia est nostrud laborum tempor ex eiusmod laboris laboris ullamco. Ullamco do veniam excepteur Lorem velit excepteur deserunt in amet officia tempor. Id sunt culpa ea aute veniam Lorem labore culpa aute adipisicing laborum commodo elit ex.

Esi

Grid System

Typography

Icons

Spacing

Colors

Form

Buttons

Dropdowns

Table

Tabs

Accordion

Modals

Different sizes

Fullscreen

Other options

Offcanvas

Different positions

Other options

Pagination

Product Tiles

Ordinamento prodotti

My cart

Title

Esi

Grid System

Typography

Icons

Spacing

Colors

Form

Buttons

Dropdowns

Header

Header

Header

Header

Table

Tabs

Accordion

Modals

Different sizes

Fullscreen

Other options

Offcanvas

Different positions

Other options

Pagination

Product Tiles

Ordinamento prodotti

My cart

Title