Inline
Die Inline-Komponente wird verwendet, um Inline-Inhalte wie beispielsweise Text anzupassen.
So fügen Sie Ihrer App die Inline
Komponente hinzu:
import {Inline} from '@stripe/ui-extension-sdk/ui';
Inline-Komponenten sind stilisierbare Inline-Elemente, die einem span
in HTML entsprechen. Sie unterstützen individualisierte Anpassung. Wenn Sie Elemente auf Blockebene rendern oder gestalten möchten, sehen Sie sich die Komponente Textfeld an.
<Inline css={{ font: 'body', fontWeight: 'semibold', color: 'success', marginY: 'large', }} > This is an example of the inline component. </Inline>
Hervorgehobener Text
<Inline css={{font: 'body', color: 'primary', fontWeight: 'semibold'}}> This text is emphasized </Inline>
Sekundärer Text
<Inline css={{font: 'caption', color: 'secondary'}}> This text is styled using the caption text style and the secondary color. </Inline>