Inline
Le composant Inline est utilisé pour styliser des contenus inline comme du texte.
Pour ajouter le composant Inline
à votre application :
import {Inline} from '@stripe/ui-extension-sdk/ui';
Les composants Inline sont des éléments Inline stylisables équivalents à un span
en HTML. Ils prennent en charge les styles personnalisés. Si vous souhaitez afficher les éléments de niveau bloc, reportez-vous à la section consacrée au composant Box.
<Inline css={{ font: 'body', fontWeight: 'semibold', color: 'success', marginY: 'large', }} > This is an example of the inline component. </Inline>
Texte accentué
<Inline css={{font: 'body', color: 'primary', fontWeight: 'semibold'}}> This text is emphasized </Inline>
Texte secondaire
<Inline css={{font: 'caption', color: 'secondary'}}> This text is styled using the caption text style and the secondary color. </Inline>