Kitchen Sink

Cards

Colours

Core Colours

Text Colours

zincs

Buttons

Size variants

Colour variants

Default variants

Outline variants

Other bits

Simple Link

Basic Tag

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is a paragraph with bold text, italic text, and a link. It demonstrates how body copy flows with inline elements. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Another paragraph to show spacing between blocks of text. This helps you see line-height and margin relationships.

This is a blockquote. It's used for quoted text and should have distinct styling to set it apart from body copy.

• Unordered list item one
• Unordered list item two
  • Nested item
  • Another nested item
• Unordered list item three

1. Ordered list item one
2. Ordered list item two
3. Ordered list item three

// Code block
function example() {
  return "monospace text";
}

Inline code snippet within text.

Highlighted text and deleted text and inserted text.

Below here all needs reviewing!!

Inputs

Text Input

Password Input

Select Input

Radio Buttons