Skip to main content

List

The List element displays a list. It has a Content, Image, Icon and Link fields.
  • 2-8 Persons
  • Bathroom & Kitchen
  • Quiet Location
  • Full Comfort

List Type

Choose between a vertical or a horizontal list. Horizontal lists have an option to set a separator between its items while vertical lists have options for the list marker, style and size.
White, Black, Red, Blue
January 17, 2022 – January 24, 2022

List Marker

Choose between various markers and their color for vertical list items.

Disc

  • Fitness
  • Strength Training
  • Weight Loss
  • Cardio

Circle

  • Fitness
  • Strength Training
  • Weight Loss
  • Cardio

Square

  • Fitness
  • Strength Training
  • Weight Loss
  • Cardio

Decimal

  • Fitness
  • Strength Training
  • Weight Loss
  • Cardio

Hyphen

  • Fitness
  • Strength Training
  • Weight Loss
  • Cardio

Icons

Select an icon from the UIkit icon library to use it as a list marker. Set the icon color and its width. Each item can also have a different icon. Alternatively, use the Image field to upload a custom image.
  • Physiotherapy
  • Manual Therapy
  • Lymphatic Drainage
  • Foot Reflexology

Style and Size

The vertical list has various style options. Choose between the default, divider or a striped list as well as define a padding between list items.

Columns

The list items can be divided into multiple columns. Optionally, show a divider between them.
  • Kitchen
  • Dishwasher
  • Washer
  • High Chair
  • WiFi
  • TV
  • Fireplace
  • BBQ
  • Bathtub
  • Shower
  • Sauna
  • Pool

Image Alignment

The list image can be aligned to the left or right of the content. If image and content have different heights, the image can be centered vertically.

More Settings

Options for the different content fields are explained in the according Text, Image, Icon and Button element documentation.