Skip to contents

A list, if given an id and a mode; works as a selection list.

Usage

ul(..., id = NULL)

li(..., value = NULL)

Arguments

...

Any named properties.

id

Id of the list, used to set the input value.

value

Value of the item, only used if ul() is given an id.

Details

See list

Examples

ul(
  mode = "SingleSelect",
  `header-text` = "Select an employee",
  id = "listSingle",
  li(
    icon = "employee", 
    description = "John Coene",
    `additional-text` = "An employee",
    `additional-text-state` = "Information",
    value = "john",
    "some text"
  ),
  li(
    icon = "employee", 
    description = "Pierre Saouter",
    `additional-text` = "Another employee",
    `additional-text-state` = "Success",
    value = "pierre",
    "some more text"
  )
)
#> <ui5-list id="listSingle" mode="SingleSelect" header-text="Select an employee">
#>   <ui5-li data-value="john" icon="employee" description="John Coene" additional-text="An employee" additional-text-state="Information">some text</ui5-li>
#>   <ui5-li data-value="pierre" icon="employee" description="Pierre Saouter" additional-text="Another employee" additional-text-state="Success">some more text</ui5-li>
#> </ui5-list>