テキスト

1 行の文字列を表示するコンポーネントです。文字の色、サイズ、太さを指定できます。

送信するテキストメッセージは多言語に対応しており、クライアントのデバイスの設定言語に合わせて表示を切り替えることができます。

Request Content {#text-request-parameter}

パラメータ	タイプ	説明
type	string	"text" required
text	string	表示されるテキスト text プロパティや contents プロパティの中から必ず 1 つを設定してください。 contents プロパティを設定すると、text プロパティは無視されます。 required
contents	array of objects	スパンの配列 text プロパティや contentsプロパティのいずれかを必ず設定してください。 contents プロパティを設定すると、textプロパティは無視されます。
flex	number	親要素内における、このコンポーネントの幅または高さの比率詳しくは、レイアウト > コンポーネントの幅と高さを参照してください。
margin	string	親要素内での、特定のコンポーネントとその前のコンポーネントとの間に挿入される余白の最小サイズ詳しくは、レイアウト > コンポーネントの margin プロパティを参照してください。
position	string	offsetTop、offsetBottom、offsetStart、offsetEnd の基準以下のいずれかの値を指定します。 • relative : 直前のボックスを基準とします。 • absolute : 親要素の左上を基準とします。デフォルト値は relative です。詳しくは、レイアウト > オフセットを参照してください。
offsetTop	string	上側のオフセット詳しくは、レイアウト > オフセットを参照してください。
offsetBottom	string	下側のオフセット詳しくは、レイアウト > オフセットを参照してください。
offsetStart	string	左側のオフセット詳しくは、レイアウト > オフセットを参照してください。
offsetEnd	string	右側のオフセット詳しくは、レイアウト > オフセットを参照してください。
size	string	文字サイズ xxs、xs、sm、md、lg、xl、xxl、3xl、4xl、5xl 以下のいずれかの値を指定します。列挙した順に文字のサイズが大きくなります。デフォルト値は md です。
align	string	水平方向の配置方式詳しくは、レイアウト > 水平方向の配置を参照してください。
gravity	string	垂直方向の配置方式詳しくは、レイアウト > 垂直方向の配置を参照してください。
wrap	boolean	true を指定すると文字列を折り返します。デフォルト値は false です。 true に設定した場合には、改行文字 ("\n") を使って改行できます。詳しくは、要素 > テキストの折り返しを参照してください。
maxLines	number	最大行数最大行数を設定するためには wrap パラメータを true に指定します。テキストが指定された行数に収まりきらない場合には、最後の行の最後に省略記号 ("...") が表示されます。値を 0 ではすべてのテキストが表示されます。デフォルト値は 0 です。
weight	string	文字の太さ regular または bold のいずれかの値を指定できます。 bold を指定すると太字になります。デフォルト値は regular です。
color	string	文字の色 16 進数カラーコードで設定します。
action	object	テキストをタップすると実行されるアクション Action Object を指定します。
style	string	テキストを表示するスタイル以下のいずれかの値を指定します。 • normal : 標準 • italic : イタリック体デフォルト値は normal です。
decoration	string	テキストの装飾以下のいずれかの値を指定します。 • none : 装飾なし • underline : 下線 • line-through : 取り消し線デフォルト値は none です。

Request Example {#text-request-example}

{  "type": "bubble",  "body": {    "type": "box",    "layout": "vertical",    "contents": [      {        "type": "text",        "text": "The work site begins to move.",        "size": "sm",        "align": "center",        "color": "#ff0000"      },      {        "type": "text",        "text": "The work site begins to move.",        "size": "md",        "align": "center",        "color": "#00ff00"      },      {        "type": "text",        "text": "The work site begins to move.",        "size": "lg",        "align": "center",        "weight": "bold",        "color": "#0000ff"      }    ]  }}