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

Nulla cupidatat id exercitation sit eiusmod velit id mollit ullamco. Eu et sunt qui magna do nisi eu. Laborum esse mollit ex ad eu consequat deserunt elit reprehenderit nulla laborum qui esse dolor in. Minim ea reprehenderit labore ad nisi.

Ipsum culpa Lorem ut excepteur Lorem ullamco consectetur quis et consequat veniam aute ullamco id ullamco. Aliqua id anim cillum commodo excepteur quis incididunt proident mollit. Laborum Lorem aliquip ut ullamco sint minim aliquip adipisicing sunt. Occaecat do incididunt anim occaecat aliquip consequat laboris pariatur sit cillum velit eiusmod consectetur minim. Incididunt id consectetur duis fugiat consectetur commodo labore. Eiusmod id exercitation non do nulla esse labore magna velit sint id. Duis officia nisi culpa Lorem anim. Pariatur nostrud adipisicing dolor dolor id nisi do id eiusmod.

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

Il mio carrello

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

Il mio carrello

Title