インライン
インラインコンポーネントは、テキストなどのインラインコンテンツのスタイリングに使用します。
Inline
コンポーネントをアプリに追加するには、以下のようにします。
import {Inline} from '@stripe/ui-extension-sdk/ui';
インラインコンポーネントは、HTML の span
に相当する、スタイルを設定できるインラインエレメントです。カスタムスタイルをサポートしています。ブロックレベルのエレメントの表示やスタイル設定が必要な場合は、ボックスコンポーネントをご覧ください。
<Inline css={{ font: 'body', fontWeight: 'semibold', color: 'success', marginY: 'large', }} > This is an example of the inline component. </Inline>
強調テキスト
<Inline css={{font: 'body', color: 'primary', fontWeight: 'semibold'}}> This text is emphasized </Inline>
2 次テキスト
<Inline css={{font: 'caption', color: 'secondary'}}> This text is styled using the caption text style and the secondary color. </Inline>