Headings

heading 1

Edgard & Cooper

heading 2

Edgard & Cooper

heading 3

Edgard & Cooper

Paragraphs

small

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias aperiam architecto debitis ducimus eligendi, esse incidunt iste iure maiores necessitatibus nemo obcaecati porro, similique tempora tempore temporibus totam, velit!

default

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias aperiam architecto debitis ducimus eligendi, esse incidunt iste iure maiores necessitatibus

large

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias aperiam architecto debitis ducimus eligendi, esse incidunt.

Displays

default

every dog

every day

small

every dog

every day

Form elements

Text input

Select

Connected input

Submit

Stacked input

Textarea

Text input with counter

35

Input with icon

Select with icon

Text input with notice

Caption for input field

Text input with error

Caption for input field

radio buttons

lorem ipsum

Caption for radio field

lorem ipsum

Caption for radio field

lorem ipsum

Caption for radio field

check boxes

lorem ipsum

Caption for checkbox field

lorem ipsum

Caption for checkbox field

lorem ipsum

Caption for checkbox field

Button sizes

button

Button colors

button

Button group - default

button

Button group - horizontal (also on mobile)

button

Button group - nested

button

Button group - full

button

add product

card default

Lorem ipsum dolor sit amet.

card small

Lorem ipsum dolor sit amet.

Hidden

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea, necessitatibus?

Hidden

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea, necessitatibus?

Visual with custom maximum width

Visual with predefined maximum width and centered

Visual with ratio, predefined maximum width, contain fit property and centered

Visual stretched to the parent

Doggy Dental Apple & Eucalyptus

Small / 7 sticks

€89,90

Doggy Dental Apple & Eucalyptus

Small / 7 sticks

€89,90

Doggy Dental Apple & Eucalyptus

Small / 7 sticks

€89,90

Colors

blue

cyan

pink

green

white

yellow

cyan-200

Sizes

small

default

large

Text colors

text color (.ec-text-cyan)

Lorem ipsum

text color (.ec-text-blue)

Lorem ipsum

text color (.ec-text-pink)

Lorem ipsum

text color (.ec-text-green)

Lorem ipsum

text color (.ec-text-purple)

Lorem ipsum

text color (.ec-text-white)

Lorem ipsum

Background colors

background color (.ec-bg-cyan)

background color (.ec-bg-blue)

background color (.ec-bg-pink)

background color (.ec-bg-green)

background color (.ec-bg-blue)

background color (.ec-bg-purple)

background color (.ec-bg-white)

Text alignment

Align left (.ec-text-left)

Lorem ipsum

Align center (.ec-text-center)

Lorem ipsum

Align right (.ec-text-right)

Lorem ipsum

Typography

Edgard & Cooper

Edgard & Cooper

Edgard & Cooper

Forms

Buttons

Links

Cards

Lorem ipsum.

Lorem ipsum.

Visual

Cart

Sections

Utility classes