Navigation

Titles
Buttons
Forms
Badges
Accordions
Icons
Swiper
Drawer

Titles

hero:

Desktop Hero

h1:

Desktop H1

h2:

Desktop H2

h3:

Desktop H3

h4:

Desktop H4

h5:

Desktop H5

h6:

Desktop H6

Buttons

Primary

Primary button

Default

Hovered

Disabled

Icon left

Default

Hovered

Disabled

icon right

Default

Hovered

Disabled

Secondary

Secondary button

Default

Hovered

Disabled

Icon left

Default

Hovered

Disabled

icon right

Default

Hovered

Disabled

Link

Link button

Default

Hovered

Disabled

Badges

Promo badge

Small

New

Small new

Sale

Small sale

Sold out

Small sold out

Promo badge

Regular

New

Regular new

Sale

Regular sale

Sold out

Regular sold out

Promo badge

Large

New

Large new

Sale

Large sale

Sold out

Large sold out

Accordions

Vanilla accordion

Lorem ipsum dolor sit amet

Inner accordions

Inner accordion 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Inner accordion 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Richtext

RICHTEXT

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

List:

item 1
item 2
item 3

item 1
item 2
item 3

Disabled accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accordion with translation string

Taxes et frais d'expédition calculés lors du paiement

Icons

arrow-frame-up

arrow-frame-right

arrow-frame-down

arrow-frame-left

arrow-up

arrow-right

arrow-down

arrow-left

calendar

cart

chat

check

chevron-up

chevron-right

chevron-down

chevron-left

credit-card

cube

directions

discount

error

gift

eye

filter

heart

help

home

info

view-grid

view-list

link

lock

mail

map

map-pin

map-pin-fill

minus

near-me

paper-airplane

phone

quote-end

quote-start

plus

return

save

star-fill

star-outline

success

trash

truck

warning

user

x-mark

zoom-minus

zoom-plus

facebook

instagram

snapchat

threads

tiktok

youtube

messenger

play

panel-close

panel-open

pause

hamburger

bluesky

cart-plus

dot

schema

{"type": "select","id": "icon","label": "t:global.icon","options": [{"value": "none","label": "t:schema_snippets.icons.none"},{"value": "arrow-frame-up","label": "t:schema_snippets.icons.arrow-frame-up"},{"value": "arrow-frame-right","label": "t:schema_snippets.icons.arrow-frame-right"},{"value": "arrow-frame-down","label": "t:schema_snippets.icons.arrow-frame-down"},{"value": "arrow-frame-left","label": "t:schema_snippets.icons.arrow-frame-left"},{"value": "arrow-up","label": "t:schema_snippets.icons.arrow-up"},{"value": "arrow-right","label": "t:schema_snippets.icons.arrow-right"},{"value": "arrow-down","label": "t:schema_snippets.icons.arrow-down"},{"value": "arrow-left","label": "t:schema_snippets.icons.arrow-left"},{"value": "calendar","label": "t:schema_snippets.icons.calendar"},{"value": "cart","label": "t:schema_snippets.icons.cart"},{"value": "chat","label": "t:schema_snippets.icons.chat"},{"value": "check","label": "t:schema_snippets.icons.check"},{"value": "chevron-up","label": "t:schema_snippets.icons.chevron-up"},{"value": "chevron-right","label": "t:schema_snippets.icons.chevron-right"},{"value": "chevron-down","label": "t:schema_snippets.icons.chevron-down"},{"value": "chevron-left","label": "t:schema_snippets.icons.chevron-left"},{"value": "credit-card","label": "t:schema_snippets.icons.credit-card"},{"value": "cube","label": "t:schema_snippets.icons.cube"},{"value": "directions","label": "t:schema_snippets.icons.directions"},{"value": "discount","label": "t:schema_snippets.icons.discount"},{"value": "error","label": "t:schema_snippets.icons.error"},{"value": "gift","label": "t:schema_snippets.icons.gift"},{"value": "eye","label": "t:schema_snippets.icons.eye"},{"value": "filter","label": "t:schema_snippets.icons.filter"},{"value": "heart","label": "t:schema_snippets.icons.heart"},{"value": "help","label": "t:schema_snippets.icons.help"},{"value": "home","label": "t:schema_snippets.icons.home"},{"value": "info","label": "t:schema_snippets.icons.info"},{"value": "view-grid","label": "t:schema_snippets.icons.view-grid"},{"value": "view-list","label": "t:schema_snippets.icons.view-list"},{"value": "link","label": "t:schema_snippets.icons.link"},{"value": "lock","label": "t:schema_snippets.icons.lock"},{"value": "mail","label": "t:schema_snippets.icons.mail"},{"value": "map","label": "t:schema_snippets.icons.map"},{"value": "map-pin","label": "t:schema_snippets.icons.map-pin"},{"value": "map-pin-fill","label": "t:schema_snippets.icons.map-pin-fill"},{"value": "minus","label": "t:schema_snippets.icons.minus"},{"value": "near-me","label": "t:schema_snippets.icons.near-me"},{"value": "paper-airplane","label": "t:schema_snippets.icons.paper-airplane"},{"value": "phone","label": "t:schema_snippets.icons.phone"},{"value": "quote-end","label": "t:schema_snippets.icons.quote-end"},{"value": "quote-start","label": "t:schema_snippets.icons.quote-start"},{"value": "plus","label": "t:schema_snippets.icons.plus"},{"value": "return","label": "t:schema_snippets.icons.return"},{"value": "save","label": "t:schema_snippets.icons.save"},{"value": "search","label": "t:schema_snippets.icons.search"},{"value": "share","label": "t:schema_snippets.icons.share"},{"value": "star-fill","label": "t:schema_snippets.icons.star-fill"},{"value": "star-outline","label": "t:schema_snippets.icons.star-outline"},{"value": "success","label": "t:schema_snippets.icons.success"},{"value": "trash","label": "t:schema_snippets.icons.trash"},{"value": "truck","label": "t:schema_snippets.icons.truck"},{"value": "warning","label": "t:schema_snippets.icons.warning"},{"value": "user","label": "t:schema_snippets.icons.user"},{"value": "x-mark","label": "t:schema_snippets.icons.x-mark"},{"value": "zoom-minus","label": "t:schema_snippets.icons.zoom-minus"},{"value": "zoom-plus","label": "t:schema_snippets.icons.zoom-plus"},{"value": "facebook","label": "t:schema_snippets.icons.facebook"},{"value": "instagram","label": "t:schema_snippets.icons.instagram"},{"value": "linkedin","label": "t:schema_snippets.icons.linkedin"},{"value": "pinterest","label": "t:schema_snippets.icons.pinterest"},{"value": "snapchat","label": "t:schema_snippets.icons.snapchat"},{"value": "threads","label": "t:schema_snippets.icons.threads"},{"value": "tiktok","label": "t:schema_snippets.icons.tiktok"},{"value": "youtube","label": "t:schema_snippets.icons.youtube"},{"value": "messenger","label": "t:schema_snippets.icons.messenger"},{"value": "x","label": "t:schema_snippets.icons.x"},{"value": "play","label": "t:schema_snippets.icons.play"},{"value": "panel-close","label": "t:schema_snippets.icons.panel-close"},{"value": "panel-open","label": "t:schema_snippets.icons.panel-open"},{"value": "pause","label": "t:schema_snippets.icons.pause"},{"value": "hamburger","label": "t:schema_snippets.icons.hamburger"},{"value": "bluesky","label": "t:schema_snippets.icons.bluesky"},{"value": "cart-plus","label": "t:schema_snippets.icons.cart-plus"},{"value": "dot","label": "t:schema_snippets.icons.dot"}]}