Some H1 text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis varius ornare. Nullam sed mi mauris. Curabitur auctor leo in nunc interdum, sed malesuada nisi gravida. Sed sed quam ultrices, finibus magna non, suscipit sem. In a dolor ex. Etiam placerat metus ut dictum convallis. Aliquam lacinia odio id efficitur consequat. Morbi ullamcorper condimentum massa, vitae rutrum nunc maximus ut. Nullam accumsan sed odio eu ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam rutrum nulla magna, vitae pharetra ante condimentum aliquet. Vivamus feugiat porta luctus. Nunc sit amet nibh dolor. Sed tristique orci ut commodo tincidunt.
A subheading
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Quote example lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna lorem ipsum dolor sit amet.
Who said it
Statistics/summary blocks (stats or benefit block can use either icon or statistic)
36%
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Optional title for summary style block
Lorem ipsum dolor sit amet, consectetur adipiscing elit
36%
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Multiple (up to 4 columns or stats, 2 for mobile):
Statistics block heading
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.
36%
Lorem ipsum dolor sit amet, consectetur adipiscing elit
36%
Lorem ipsum dolor sit amet, consectetur adipiscing elit
36%
Lorem ipsum dolor sit amet, consectetur adipiscing elit
36%
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Simple text in a box
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis varius ornare. Nullam sed mi mauris. Curabitur auctor leo in nunc interdum, sed malesuada nisi gravida. Sed sed quam ultrices, finibus magna non, suscipit sem.
Input fields with labels
Default Icon left Icon rightInput fields without labels
Default Icon left Icon rightDropdowns
Note: no inherent "error" option, e.g. from pattern match. Add manual class if/when necessary?Selectors
Favourite icons
Basic icon buttons
Expand icon
Tags with icons not shown here as easier to render in Vue components.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Also, here is a link! Here is some additional text and a link with an arrow (external?).
A sub-subheading
A sub-sub-subheading
And a tiny sub-sub-sub-subheading
(p standard) Vivamus efficitur, lorem in convallis hendrerit, eros felis tincidunt libero.
(p small) Sed viverra eu odio vehicula dapibus. Curabitur erat leo, eleifend at orci in, interdum blandit quam.
(p large) Proin lorem quam, cursus vel nisi ut, varius pharetra quam. Sed at nisl a magna hendrerit vulputate sit amet non magna.
