
### dataHook
- type: string
- description: Applies a data-hook HTML attribute to be used in the tests
### className
- type: string
- description: Specifies a CSS class name to be appended to the component’s root element.
- internal
### onClick
- type: ReactEventHandler<HTMLElement>
- description: Defines a callback when the item is clicked
### options
- type: TableListItemColumn[]
- description: Defines each TableListItem column  individually, using the following props:
- `value` - defines column’s content.
- `width` - sets the width of a column. It supports all grid-template-column values: [https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)
- `align` - aligns the content in the horizontal axis.
### verticalPadding
- type: "tiny" | "small" | "medium" | "large" | "xxTiny" | "xTiny"
- description: Adjusts the top and bottom padding size.
- default: small
### horizontalPadding
- type: "tiny" | "small" | "medium" | "large" | "xxTiny" | "xTiny"
- description: Adjusts the left and right padding size.
- default: large
### checkbox
- type: boolean
- description: Defines whether the component is selectable by a checkbox.
- default: false
### checkboxDisabled
- type: boolean
- description: Disables the visible checkbox
### checked
- type: boolean
- description: Defines if component is selected
### focused
- type: boolean
- description: Forces focus on drag handle
### onBlur
- type: (e: FocusEvent<Element, Element>) => void
- description: Defines a callback when item loses its focus
### onFocus
- type: (e: FocusEvent<Element, Element>) => void
- description: Defines a callback when item gains focus
### onKeyUp
- type: (e: KeyboardEvent<Element>) => void
- description: Defines a callback when the item is focused, and a key is pressed and released. Used for NestableList solutions controlled with a keyboard.
### onCheckboxChange
- type: ChangeEventHandler
- description: Defines a callback when checkbox is clicked
### draggable
- type: boolean
- description: Makes drag handle visible.
- default: false
### dragging
- type: boolean
- description: Visually indicates that component is being dragged
### dragDisabled
- type: boolean
- description: Disables the visible drag handle
### showDragHandleOnHover
- type: boolean
- description: Enables showing drag handle only on hover.
- default: false
### showDivider
- type: boolean
- description: Enables a divider at the bottom of the list item.
- default: false
### dragHandleProps
- type: Partial<DragHandleProps>
- description: Extra props to pass to the `<DragHandle />` element
### checkboxTooltipContent
- type: ReactNode
- description: Defines a message to be displayed in a tooltip. Tooltip is displayed on a checkbox hover.
### checkboxTooltipProps
- type: TooltipCommonProps
- description: Tooltip props (when hovering over the checkbox)
### border
- type: boolean
- description: Adds a border around the component.
- default: false
### showSelectionBorder
- type: boolean
- description: When item is with checkbox and is selected, adds a border on the left side of the component.
- default: true
### dragHandleSize
- type: "small" | "large"
- description: Changes the size of the DragHandle.
- default: large
### hideDragHandle
- type: boolean
- description: Hides drag handle visually.
### expandable
- type: boolean
- description: Adds functionality to expand the list item.
- default: false
### expandDisabled
- type: boolean
- description: Disables the visible expand handle
### reserveExpandHandleSpace
- type: boolean
- description: Hides the expand handle without changing the layout. Used for aligning items when there's a mix of expandable and non-expandable items at the same level.
### reserveDragHandleSpace
- type: boolean
- description: Hides the drag handle without changing the layout. Used for aligning items when there's a mix of draggable and non-draggable items at the same level.
### onClickExpand
- type: MouseEventHandler
- description: Defines a callback when caret handle is clicked
### expanded
- type: boolean
- description: Defines whether the list component is expanded/collapsed.
- default: false
### onMouseEnter
- type: MouseEventHandler
- description: Defines a callback function which is called on `onMouseEnter` event on the list item
### onMouseLeave
- type: MouseEventHandler
- description: Defines a callback function which is called on `onMouseLeave` event on the list item
### selectable
- type: boolean
- description: Defines whether the root element of list component is selectable.
- default: false
### ariaLabel
- type: string
- description: Provides context for screen readers when has a root element of list component in selectable state
### ref
- type: null | string | (instance: unknown) => void | RefObject<unknown>
- description: Allows getting a ref to the component instance.
Once the component unmounts, React will set `ref.current` to `null`
(or call the ref with `null` if you passed a callback ref).

