Playground

A sample page to showcase available styles, components etc.

Typography

Heading 1

Heading 2

Heading 3

Heading 4

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. 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.

This is a block quote

  • An
  • Unordered
  • List
  1. A
  2. Ordered
  3. List

Components

Callout

💡
Note This is a callout component

Attributes

AttributestringThis is an `Attribute` tag inside of an `Atributes` group.

Accordion

Step

1

First Step

These are instructions or content that only pertain to the first step.

2

Second Step

These are instructions or content that only pertain to the second step.

3

Third Step

These are instructions or content that only pertain to the third step.

Card

Use linkUrl to give the card a clickthrough destination, and the isExternal? prop to determine whether it will open in a new tab

✨
First card

Content for the first card.

Second card

Content for the second card. This one opens in a new tab!

MultiLangCodeBlock

The MultiLangCodeBlock will populate a switcher based on the examples provided in the snippet file.

What is Knock?→