6.1.0






List

Lists display a vertical set of related content.

Layout Prop

  • Setting the layout prop to either left or right creates a 2 column layout on the the list/item kit. This is useful if you need 2 things on the same line in a list.
  • Using layout:'left' will make the first column shrink and the second column grow and align to the left.
  • Using layout:'right' will make the first column grow and push the second column to the right.
  • Default

    • List Item
    • List Item
    • List Item
    • List Item
    • List Item

    Large

    • List Item
    • List Item
    • List Item
    • List Item
    • List Item

    Ordered

    1. List Item
    2. List Item
    3. List Item
    4. List Item
    5. List Item

    Borderless

    • List Item
    • List Item
    • List Item
    • List Item
    • List Item

    Horizontal Padding

    • List Item
    • List Item
    • List Item
    • List Item
    • List Item

    Layout Left

    • Label

      Caption
      $

      2,000

      .50
    • Label

      Caption
      $

      2,000

      .50
    • Label

      Caption
      $

      2,000

      .50
    • Label

      Caption
      $

      2,000

      .50
    • Label

      Caption
      $

      2,000

      .50

    Layout Right

    • Label

      Caption
      $

      2,000

      .50
    • Label

      Caption
      $

      2,000

      .50
    • Label

      Caption
      $

      2,000

      .50
    • Label

      Caption
      $

      2,000

      .50
    • Label

      Caption
      $

      2,000

      .50

    Dark Default

    • List Item
    • List Item
    • List Item
    • List Item
    • List Item

    Dark Large

    • List Item
    • List Item
    • List Item
    • List Item
    • List Item

    Dark Ordered

    1. List Item
    2. List Item
    3. List Item
    4. List Item
    5. List Item

    Dark Borderless

    • List Item
    • List Item
    • List Item
    • List Item
    • List Item

    Dark Horizontal Padding

    • List Item
    • List Item
    • List Item
    • List Item
    • List Item


    Available Props
    id
    data
    classname
    aria
    children
    margin
    margin_bottom
    margin_left
    margin_right
    margin_top
    margin_x
    margin_y
    padding
    padding_bottom
    padding_left
    padding_right
    padding_top
    padding_x
    padding_y
    dark
    borderless
    layout
    size
    ordered
    xpadding
    role
    tabindex