Icon List

With this element, you can show icon lists and also it is possible to make them as link.

How to create Icon List Widget?

Step 1. Create, or choose the Column into which you want to add your element. Click on Add New Element.

Step 2. Drag UDesign Icon List from the element List.

Step 3. Add icon items and set type as design with Type and Border Style.

Icon List Content.

Text – You can type text of each list.

Icon – You can select icon in each list.

Link – Link of Icon list.

Icon List Badge

Label – Input content of badge attached to proper icon list item

Color – Color of badge content

Background Color – Background color of badge content

Icon List Options.

Layout – Determine arrange icon list in horizontal or vertical.

Ordered List – Determine list type of icon list.

Icon List Style.

In circle info styles, there are List, Icon, Text and Badge control options.

List:

  • Space between: Space between Icon list items
  • Horizontal Alignment: Set horizontal alignment of icon list item
  • Vertical Alignment: Set vertical alignment of icon list item
  • Divider: Determine show or not divider between icon list items

Icon:

  • Icon Size: Font size of icon of list item
  • Line Height: Line height of icon of list item
  • Background Size: Diameter of icon background in list item
  • Color palette: Color palette of icon list item
  • Border Style: border style of icon of list item
  • Gap: Control the space between icon and text

Text:

  • Typography: Typography of icon list text
  • Text shadow: text shadow of icon list text
  • Color: Color of icon list text

Badge:

  • Typography: Typography of badge
  • Vertical Position: Vertical position of icon list badge
  • Horizontal Position: Horizontal position of icon list badge
  • Padding: Padding of icon list badge
  • Border Radius: Border radius of icon list badge


By browsing this website, you agree to our privacy policy.
I Agree