mittwald Flow Logo

Components

InlineCode

InlineCode hebt Code-Beispiele innerhalb eines Fließtextes hervor.GitHub
Gib yarn start ein um deine App zu starten.

Playground

Schließe das Code-Beispiel im Tag <InlineCode /> ein, um es als InlineCode darzustellen.

Gib yarn start ein um deine App zu starten.
import {
  InlineCode,
  Text,
} from "@mittwald/flow-react-components";

<Text>
  Gib <InlineCode>yarn start</InlineCode> ein um deine App
  zu starten.
</Text>

Color

Zusätzlich zur Standard-Color kann InlineCode in den Colors Light und Dark dargestellt werden. Nutze diese Varianten, wenn die Standard-Color auf farbigen oder dekorativen Hintergründen keinen ausreichenden Kontrast (mind. 4,5:1) bietet.

Gib yarn start ein um deine App zu starten.
import {
  InlineCode,
  Text,
} from "@mittwald/flow-react-components";

<Text color="light">
  Gib <InlineCode color="light">yarn start</InlineCode> ein
  um deine App zu starten.
</Text>
Gib yarn start ein um deine App zu starten.
import {
  InlineCode,
  Text,
} from "@mittwald/flow-react-components";

<Text>
  Gib <InlineCode color="dark">yarn start</InlineCode> ein
  um deine App zu starten.
</Text>

Overview