List Block

Styled lists with icons.

Syntax

<List slots="text1, text2" repeat="2" iconColor="#2ac3a2" icon="checkmark" variant="fullWidth" />

Item 1 title

Item 1 description

Item 2 title

Item 2 description

Parameters

• slots: "text1, text2" - Two text elements per item

• repeat: Number of items

• icon: Icon type (optional)

  • "checkmark" - Checkmark
  • Other options available

• iconColor: Hex color (optional)

  • Example: "#2ac3a2"

• variant: Layout (optional)

  • "fullWidth" - Full-width
  • Default: Standard

Example

data-slots=text1, text2

data-repeat=2

data-iconColor=#2ac3a2

data-icon=checkmark

data-variant=fullWidth