A banner with an important notice

Internal Links

Formik Testing Page Formik Testing Page (ignores LinkComponent)

Date Selection

Colour mode

Not everything on this page is translated

Sandbox is a place to try out Coral components inside the context of a (Next.js) project, just to check that everything works as expected.

useCoralBreakpoints hook: desktop 🖥️

All Coral components

Test header title

Test header extra

Test body

Display 1

Display 2

Heading 1

Heading 2

Heading 3

Title 1

Title 2

Title 3

Title 4

Body 1

Body 2

Body 3

Caption

Kbd

Code

Button

Nice chip

Nice chip 2

Switchy switch

Name	Age	Address
Name 1	32	1 Street Road, Town, City, Postcode
Name 2	42	2 Street Road, Town, City, Postcode
Name 3	42	3 Street Road, Town, City, Postcode

Error component

Uh oh...

Don't worry, it's us not you

This is unusual - logging out and in again may help. If it doesn't, these things usually clear themselves up reasonably quickly, so perhaps grab a cuppa.

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.

Very easy to upgrade our tariff and very competitively priced.
Sharon and Roger Nesbit

Date Selection

Date Range Selection

Start typing

Testing Link Component Href Button (ignores LinkComponent)Testing Link Component Href Button

Submit a meter readingDue on 12 Jun

Get your referral code