# Tree Многоуровневый раскрывающийся список в виде дерева с возможностью выбора (selection) и выделения (checkbox). Props (свойства) для компонента Tree: [{"name":"view","type":{"name":"enum","raw":"\"default\"","value":[{"value":"\"default\""}]}},{"name":"size","type":{"name":"enum","raw":"\"m\" | \"s\" | \"l\" | \"xs\"","value":[{"value":"\"m\""},{"value":"\"s\""},{"value":"\"l\""},{"value":"\"xs\""}]}},{"name":"items","type":{"name":"TreeItem[]"}},{"name":"checkable","type":{"name":"boolean"}},{"name":"multiple","type":{"name":"boolean"}},{"name":"className","type":{"name":"string"}},{"name":"checkedKeys","type":{"name":"Key[]"}},{"name":"defaultCheckedKeys","type":{"name":"Key[]"}},{"name":"expandedKeys","type":{"name":"Key[]"}},{"name":"defaultExpandedKeys","type":{"name":"Key[]"}},{"name":"selectedKeys","type":{"name":"Key[]"}},{"name":"defaultSelectedKeys","type":{"name":"Key[]"}},{"name":"defaultExpandAll","type":{"name":"boolean"}},{"name":"autoExpandParent","type":{"name":"boolean"}},{"name":"onTreeSelect","type":{"name":"((selectedKeys: Key[], info: SelectInfo) => void)"}},{"name":"onTreeCheck","type":{"name":"((checked: Key[], info: CheckInfo) => void)"}},{"name":"onTreeExpand","type":{"name":"((expandedKeys: Key[], info: ExpandInfo) => void)"}},{"name":"arrowPlacement","type":{"name":"enum","raw":"\"right\" | \"left\"","value":[{"value":"\"right\""},{"value":"\"left\""}]}},{"name":"virtual","type":{"name":"boolean"}},{"name":"height","type":{"name":"number"}},{"name":"itemHeight","type":{"name":"number"}},{"name":"fullWidthItemSelection","type":{"name":"boolean"}},{"name":"hasIcon","type":{"name":"boolean"}},{"name":"icon","type":{"name":"ReactNode"}},{"name":"renderTitle","type":{"name":"((item: TreeItem) => ReactNode)"}},{"name":"mode","type":{"name":"enum","raw":"\"radio\" | \"default\"","value":[{"value":"\"radio\""},{"value":"\"default\""}]}},{"name":"draggable","type":{"name":"boolean"}},{"name":"onDragStart","type":{"name":"((info: NodeDragEventParams) => void)"}},{"name":"onDragEnter","type":{"name":"((info: NodeDragEventParams & { expandedKeys: Key[]; }) => void)"}},{"name":"onDragOver","type":{"name":"((info: NodeDragEventParams) => void)"}},{"name":"onDragLeave","type":{"name":"((info: NodeDragEventParams) => void)"}},{"name":"onDragEnd","type":{"name":"((info: NodeDragEventParams) => void)"}},{"name":"onDrop","type":{"name":"((info: NodeDragEventParams & { dragNode: EventDataNode; dragNodesKeys: Key[]; dropPosition: number; dropToGap: boolean; }) => void)"}},{"name":"allowDrop","type":{"name":"((options: AllowDropOptions) => boolean)"}}] Обязательным параметром является только массив  `items` . Формат следующий: ```tsx
type TreeItem = {
/**
* Уникальный идентификатор элемента.
*/
key: React.Key;
/**
* Заголовок элемента.
*/
title?: React.ReactNode | ((data: TreeItem) => React.ReactNode);
/**
* Classname для текущего элемента.
*/
className?: string;
/**
* Стиль для текущего элемента.
*/
style?: React.CSSProperties;
/**
* Флаг выключения элемента.
* @default false
*/
disabled?: boolean;
/**
* Иконка для текущего элемента.
*/
icon?: React.ReactNode;
/**
* Дочерние items.
*/
children?: TreeItem[];
/**
* Контент справа.
*/
contentRight?: React.ReactNode;
};
```