Gib
yarn start ein um deine App zu starten.Overview
Develop
Playground
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>
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>
Properties
| Property | Type | Default | Description |
|---|---|---|---|
color | "light" | "dark" | "default" | - | The color schema of the inline code component. |
ref | Ref<HTMLElement> | - | Allows getting a ref to the component instance.
Once the component unmounts, React will set |
key | Key | - | |
defaultChecked | boolean | - | |
defaultValue | string | number | readonly string[] | - | |
suppressContentEditableWarning | boolean | - | |
suppressHydrationWarning | boolean | - | |
accessKey | string | - | |
autoCapitalize | "none" | "off" | (string & {}) | "on" | "sentences" | "words" | "characters" | - | |
autoFocus | boolean | - | |
className | string | - | |
contentEditable | Booleanish | "inherit" | "plaintext-only" | - | |
contextMenu | string | - | |
dir | string | - | |
draggable | Booleanish | - | |
enterKeyHint | "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | - | |
hidden | boolean | - | |
id | string | - | |
lang | string | - | |
nonce | string | - | |
slot | string | - | |
spellCheck | Booleanish | - | |
style | CSSProperties | - | |
tabIndex | number | - | |
title | string | - | |
translate | "yes" | "no" | - | |
radioGroup | string | - | |
role | AriaRole | - | |
about | string | - | |
content | string | - | |
datatype | string | - | |
inlist | any | - | |
prefix | string | - | |
property | string | - | |
rel | string | - | |
resource | string | - | |
rev | string | - | |
typeof | string | - | |
vocab | string | - | |
autoCorrect | string | - | |
autoSave | string | - | |
itemProp | string | - | |
itemScope | boolean | - | |
itemType | string | - | |
itemID | string | - | |
itemRef | string | - | |
results | number | - | |
security | string | - | |
unselectable | "off" | "on" | - | |
popover | "" | "auto" | "manual" | - | |
popoverTargetAction | "hide" | "toggle" | "show" | - | |
popoverTarget | string | - | |
inert | boolean | - | @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert |
inputMode | "none" | "text" | "search" | "url" | "tel" | "email" | "numeric" | "decimal" | - | Hints at the type of data that might be entered by the user while editing the element or its contents @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute |
is | string | - | Specify that a standard HTML element should behave like a defined custom built-in element @see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is |
children | ReactNode | - | |
dangerouslySetInnerHTML | { __html: string | TrustedHTML; } | - |