@line/bot-sdk • Docs

---

@line/bot-sdk / FlexSpan

Type Alias: FlexSpan

FlexSpan: object

This component renders multiple text strings with different designs in one row. You can specify the color, size, weight, and decoration for the font. Span is set to contents property in Text.

Type declaration

color?

optional color: string

Font color. Use a hexadecimal color code.

decoration?

optional decoration: string

Decoration of the text. Specify one of the following values: none: No decoration underline: Underline line-through: Strikethrough

The default value is none.

Note: The decoration set in the decoration property of the text cannot be overwritten by the decoration property of the span.

size?

optional size: string | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "3xl" | "4xl" | "5xl"

Font size. You can specify one of the following values: xxs, xs, sm, md, lg, xl, xxl, 3xl, 4xl, or 5xl. The size increases in the order of listing. The default value is md. For more information, see Icon, text, and span size in the Messaging API documentation.

style?

optional style: string

Style of the text. Specify one of the following values:

• normal: Normal
• italic: Italic

The default value is normal.

text

text: string

Text. If the wrap property of the parent text is set to true, you can use a new line character (\n) to begin on a new line.

type

type: "span"

weight?

optional weight: string

Font weight. You can specify one of the following values: regular or bold. Specifying bold makes the font bold. The default value is regular.

Defined in

lib/types.ts:1814