Skip to main contentCranach Design System

Titel

Titel

Mit einem Title wird ein ein Inhalt in wenigen Worten zusammengefasst.

Überblick

Title sind statische Elemente, die den Inhalt in wenigen Worten beschreiben sollen.

Wann zu verwenden

Der Title ist für Bereich mit weiteren detailierten Inhalt zu verwenden oder um eine Überschrift zu setzen.

Formartierung

Anatomy

Der Titel besteht aus einem Text und aus einer Linie, die den Text unterstreicht.

ArtefactCard anatomy
  1. Text

  2. Unterstrich

Code

Dokumentation

Das folgende Storybook zeigt den Titel in einer Live Demo. Des Weiteren kann in dieser Testumgebung der mit verschiedenen Texten getestet werden.

Code

Titel mit Standardwerten

CodeSandbox
<Title />

Beispiel: Titel mit der Übergabe aller möglichen props

CodeSandbox
<Title text={'Der neue Titel'}/>

Props

propertypropTypedefaultOptionendescription
textstringtype your titleBeschriftung des Titels

Live Demo

Feedback

Helfe uns um diese Komponente/Pattern zu verbessern, indem sie Feedback geben, fragen stelle oder andere Kommentare auf Github hinterlassen.