Vue starterkit

Dropdown

Selecteer

10 km
20 km
50 km
80 km
Alles

Demo form

Accordion

Tabs

Tables

Tables with and without header, and a responsive alternative for a (benefits) table.

Option 1

Option 2

Integer sit amet nibh eu tortor

Pellentesque laoreet porttitor vehicula. Etiam ultrices

Lorem ipsum dolor sit amet consectetur adipiscing elit.

Integer lorem dolor vestibulum sed tincidunt in

Cras in ornare justo.Lorem ipsum dolor sit

Pellentesque laoreet porttitor vehicula. Pellentesque vehicula ipsum

* table footer notes

Phasellus dapibus tortor nec magna blandit

. pellentesque

praesent

mauris

Vestibulum volutpat dolor a elit interdum

aenean

integer

in

Aenean dictum congue ligula vel

ut

in

maecenas

Nunc maximus non lacus id laoreet.

interdum

vivamus

phasellus

Responsive alternative

Option 1

In hac habitasse
Integer sit
Suspendisse auctor bibendum
Nullam dapibus vel
Aliquam erat
Aenean in sagittis leo
In hac

Option 2

Integer sit amet nibh
Nulla risus elit mollis
Cras in varius
Mauris suscipit malesuada
Lorem ipsum dolor
Suspendisse bibendum
Integer lorem

Option 3

. Etiam tempor nulla eget
Ut tincidunt erat
Cras et ornare
Vivamus in tempus
Nulla in laoreet
Nam vulputate congue
Mauris ornare lobortis

Option 4

Lorem ipsum dolor
Cras et ornare ante
Interdum et malesuada
Suspendisse nulla neque aliquam
In ac tempor
Vivamus in tempus
Aenean in sagittis leo

Option 5

Ut tincidunt erat
Duis tincidunt odio sed
. Aenean in
Cras in ornare justo.
Aenean in
Praesent ut neque et
Aenean eget ligula eu

Headings

Code:

<Heading level="3" size="6xl" weight="bold" font="base" color="white" >Hello</Heading>

Required props: [level]

(6xl) I'm a H3

(5xl) I'm a H3

(4xl) I'm a H3

(3xl) I'm a H3

(2xl) I'm a H3

(xl) I'm a H3

(l) I'm a H3

(m) I'm a H3

(s) I'm a H3

(xs) I'm a H3

Use level=0 to create a span heading

Label

Icomoon iconset (29)

These icons are loaded from "../assets/fonts/icomoon/selection.json".

This is also a demo implementation of 'load more' functionality

mail

check

close

arrow-right

arrow-left

arrow-down

arrow-up

search

Load 8 more

Load all icons