< Context / Components

List

Introduction

A list of items

Body

listType

-select

What type of list is this? options are ul and ol

listItem

An array of list items

  • text

    -text

    Text for the list item

Style

ul

Styling for unordered lists

ol

Styling for ordered lists

li

Styling for the list items

Example .json

  {
    "type":"list",
    "body":{
      "listType":"ul",
      "listItem":[
        {
          "text":"item 1"
        },
        {
          "text":"item 2"
        }
      ]
    },
    "style":{
      "ul":{
        "listStyleType":"square",
        "margin": {
          "top": "10",
          "right": "",
          "bottom": "10",
          "left": "50"
        },
        "font": {
          "color": "#333333",
          "decoration": "",
          "family": "",
          "style": "",
          "weight": "",
          "size": "",
          "align": "left"
        }
      },
      "ol":{
        "listStyleType":"lower-alpha",
        "margin": {
          "top": "10",
          "right": "",
          "bottom": "10",
          "left": "20"
        },
        "font": {
          "color": "#333333",
          "decoration": "",
          "family": "",
          "style": "",
          "weight": "normal",
          "size": "16",
          "align": "left"
        }
      },
      "li":{
        "margin": {
          "top": "15",
          "right": "0",
          "bottom": "15",
          "left": "0"
        }
      }
    }
  }