@line/bot-sdk

---

@line/bot-sdk / FlexSpan

Type Alias: FlexSpan

FlexSpan = object

Defined in: lib/types.ts:1814

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.

Properties

color?

optional color: string

Defined in: lib/types.ts:1823

Font color. Use a hexadecimal color code.

---

decoration?

optional decoration: string

Defined in: lib/types.ts:1862

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"

Defined in: lib/types.ts:1828

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

Defined in: lib/types.ts:1851

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

• normal: Normal
• italic: Italic

The default value is normal.

---

text

text: string

Defined in: lib/types.ts:1819

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"

Defined in: lib/types.ts:1815

---

weight?

optional weight: string

Defined in: lib/types.ts:1843

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