Logo

Das Logo symbolisiert ein Zeichen, das ein Subjekt repräsentiert.

Überblick
Formartierung
Code
Inhalt
Referenzen
Feedback

Überblick

Das Logo ist eine Zeichen für die Repräsentation eines Subjekts, wie Unternehmen, Organisation oder ein Produkt. Das Logo besteht dabei aus einer Text, dass aus zwei Varianten besteht

Wann zu verwenden

Das Logo ist für die repräsentation eines Subjektes zu verwenden.

Varianten

Für das Logo stehen zwei Varianten zur Verfügung

Variant	Purpose
Primary	Das primäre Logo wird mit der Textfarbe in Orange (#FFCC00) versehen
Secondary	Das sekundäre Logo besteht aus einem Schwarz (#000) Text

Formartierung

Anatomy

Das Logo besteht aus einem Text.

Text

Code

Dokumentation

Das folgende Storybook zeigt das Logo in einer Live Demo. Des Weiteren kann in dieser Testumgebung das Logo mit verschiedenen Variante getestet werden.

React Dokumentation

Code

Logo mit Standardwerten

CodeSandbox
<Logo />

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

CodeSandbox
<Logo
  primary={false}
  logoTitle={'cranach digital archive_'}
/>

Props

property	propType	default	Optionen	description
logoTitle	string	cda_		Beschriftung des Logos
primary	bool	true	`true`, `false`	Angabe über die Logo-Variante

Live Demo

Inhalt

Label

Der Logo-Inhalt bzw. Text soll die Beschriftung des Unternehmens, Organisation oder Produktes tragen

Feedback

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

Atoms: Title

Molecules: ArtefactCard