Komponist Overview

Components

Alerts

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa quod cum libero laboriosam. Placeat ea dolorem, officiis in omnis delectus! Eius vitae fuga laboriosam velit dicta deserunt repudiandae sapiente aliquam!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa quod cum libero laboriosam. Placeat ea dolorem, officiis in omnis delectus! Eius vitae fuga laboriosam velit dicta deserunt repudiandae sapiente aliquam!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa quod cum libero laboriosam. Placeat ea dolorem, officiis in omnis delectus! Eius vitae fuga laboriosam velit dicta deserunt repudiandae sapiente aliquam!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa quod cum libero laboriosam. Placeat ea dolorem, officiis in omnis delectus! Eius vitae fuga laboriosam velit dicta deserunt repudiandae sapiente aliquam!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa quod cum libero laboriosam. Placeat ea dolorem, officiis in omnis delectus! Eius vitae fuga laboriosam velit dicta deserunt repudiandae sapiente aliquam!

Badges

Default Info Error Success Warning

Spinner

Tabs

Elements

Abbreviation

WHO

Anchors

Normal link Button Link

Blockquote

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.

Buttons

Details

Details A Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
Details B Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.

Dialog

Dialog Headline
Dialog content example

Headings

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Horizontal Rule

Images

A beautiful AI-generated landscape

Inputs

Checkbox

Color

Date

E-Mail

Enabled
Disabled
Readonly

File

Number

Enabled
Disabled
Readonly

Password

Enabled
Disabled
Readonly

Radio

Range

Reset

Submit

Tel

Enabled
Disabled
Readonly

Text

Enabled
Disabled
Readonly

URL

Enabled
Disabled
Readonly

Nav

Progress

Selects

Table

Header 1 Header 2 Header 3
Row 1, Cell 1 Row 1, Cell 2 Row 1, Cell 3
Row 2, Cell 1 Row 2, Cell 2 Row 2, Cell 3

Textarea

Groups

Button Group

Input Group

Enabled
Disabled
Readonly