List and List Item

Used primarily to display items in a list format.

This is sample title text1

This is sample body text1

This is sample title text2

This is sample body text2

This is sample title text3

This is sample body text3

This is sample title text4

This is sample body text4

This is sample title text5

This is sample body text5

This is sample title text6

This is sample body text6

This is sample title text7

This is sample body text7

This is sample title text8

This is sample body text8

This is sample title text9

This is sample body text9

This is sample title text10

This is sample body text10

Properties

Usage

          
            
    <NuedList
      viewHeight='small' // Choose between 'small' | 'medium' | 'large' heights. Default is set to 'small'.
      viewWidth='small' // Choose between 'small' | 'medium' | 'large' widths. Default is set to 'small'.
    >
      <NuedListItem
        title='' // Input a string value which appears first within a list item. Default is ''.
        body='' // This is the longer or more descriptive text in the list item. Default is ''.
        layout='default' // Choose between 'default' | 'compressed' layouts. Default is set to 'default'.
        isClickable=false // Toggle between clickable or unclickable list items. Default is false.
        @click='handleClick(parameters)' // If 'isClickable' is enabled, use 'handleClick' function to trigger an event.
        showIcon=false // Toggle between show/hide of an icon. DEPENDENT ON AN ICON NAME!
        iconName='' // By default set to '', you can provide the full name or alias of any icon in the 'Icon' page.
      />
    </NuedList>