BTP Logo
    • Accordion #
    • Buttons #
    • Inputs #
    • Navigation Menu #
    • Modal #
    • Slider #
    • Tooltip #
    • Tab Panels #
  • Figma
  • Guidelines
  • GitHub

Click the title to expand or collapse the content. Useful for FAQs, product details, and more.

This is an accordion component. Click the title to expand or collapse the content.
This is an accordion component. Click the title to expand or collapse the content.

Buttons and link styling. Supports icons by default. Part of the BTP base.

A collection of common UI inputs. Part of the BTP base.

A collection of common UI layouts. Part of the BTP base.

Two Columns

Three Columns

Full Bleed

Right Bleed

Left Bleed

A responsive nav menu component with submenus and nested items.

Standard Nested Menu

BTP Logo
    • Accordion #
    • Navigation Menu #
    • Modal #
    • Slider #
    • Tooltip #
    • Tab Panels #
      • Buttons #
      • Inputs #
  • Figma
  • Guidelines
  • GitHub

Mega Menu

BTP Logo
    • Accordion #
    • Buttons #
    • Inputs #
    • Navigation Menu #
    • Modal #
    • Slider #
    • Tooltip #
    • Tab Panels #
  • Figma
  • Guidelines
  • GitHub

A semantic "dialog" modal element with built-in closing and escape key functionality.

A short modal heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.

An accessible slider/carousel component with optional content.

Scroll Slider

Image Description 1

Slide 1 Title

Slide 1 Description

Image Description 1

Slide 2 Title

Slide 2 Description

Slide 3 Title

Slide 3 Description

Crossfade Slider

Image Description 1

Slide 1 Title

Slide 1 Description

Image Description 1

Slide 2 Title

Slide 2 Description

Slide 3 Title

Slide 3 Description

A tabbed panel component with optional content and tab navigation.

Maria Theresia Ahlefeldt (16 January 1755 - 20 December 1810) was a Danish, (originally German), composer. She is known as the first female composer in Denmark. Maria Theresia composed music for several ballets, operas, and plays of the royal theatre. She was given good critic as a composer and described as a "virkelig Tonekunstnerinde" ('a True Artist of Music').

Carl Joachim Andersen (29 April 1847 - 7 May 1909) was a Danish flutist, conductor and composer born in Copenhagen, son of the flutist Christian Joachim Andersen. Both as a virtuoso and as composer of flute music, he is considered one of the best of his time. He was considered to be a tough leader and teacher and demanded as such a lot from his orchestras but through that style he reached a high level.

Section under construction!

Peter Erasmus Lange-Muller (1 December 1850 - 26 February 1926) was a Danish composer and pianist. His compositional style was influenced by Danish folk music and by the work of Robert Schumann; Johannes Brahms; and his Danish countrymen, including J.P.E. Hartmann.

A simple tooltip component with a close button and optional actions.

Tooltip Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.

Tooltip Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.

Tooltip Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.

Tooltip Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.

Tooltip Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.

A collection of typography styles and utilities.


Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6
This is a block quote by someone very wise.
  1. Ordered list item 1
  2. Ordered list item 2
  3. Ordered list item 3
  4. Ordered list item 4
    1. Nested ordered list item 1
    2. Nested ordered list item 2
    3. Nested ordered list item 3
  • Unordered list item 1
  • Unordered list item 2
  • Unordered list item 3
  • Unordered list item 4
    • Nested unordered list item 1
    • Nested unordered list item 2
    • Nested unordered list item 3

This is a large paragraph with larger text and a link.

This is a paragraph with the default typography styles and a link.

This is a small paragraph with smaller text and a link.