Dash

The Dash component is an extension of the Text component. It adds a dash behind the text and highlights the text like a textmarker. You can use all properties from the text component. The height of the dash depends on the textStyles property if you add one. The height defaults to 1.25rem.

Usage

You can import the Dash component from the Design System like so:

import Dash from "@finanzchef24gmbh/design-system/dist/src/Dash";

Examples

<Dash>Text marked</Dash>

Text marked

<Dash textStyle="headline2">Text marked</Dash>

Text marked

<Dash priority="secondary">Text marked</Dash>

Text marked

<Dash textStyle="body">Text marked</Dash>

Text marked

<Dash textStyle="subheadline">Text marked</Dash>

Text marked