## Feature Examples ### Structure - description:

A list item section consists of title and suffix areas.

- example: ```jsx suffix } />; ``` ### Types - description:

Component divides lists by 4 types:

  • title - acts as a title for list items.
  • subheader - acts as separator between list items for differentiation
  • whitespace - adds some padding between list items.
  • divider - same as whitespace, but with a line.
    • - example: ```jsx ``` ### Suffix - description:

    Add text, icons or a button at the end using suffix.

    - example: ```jsx } /> ``` ### Text overflow - description:

    By default, text wraps into any number of lines. With ellipsis enabled, it will truncate to fit the width of the parent container.

    - example: ```jsx ``` ## Common Use Case Examples ### Grouping - description:

    Use it to group options into categories.

    - example: ```jsx ```