### dataHook
- type: string
- description: Applies a data-hook HTML attribute to be used in the tests.
### labelPlacement
- type: "end" | "start" | "bottom" | "tooltip"
- description: Controls the items' label placement.
- default: 'end'
### labelTooltipProps
- type: TooltipCommonProps
- description: Controls the items' label tooltip when labelPlacement is set to tooltip.
### size
- type: string
- description: Sets the size of the items.
- default: 'medium'
### width
- type: string | number
- description: Sets the width of the container.
### className
- type: string
- description: Specifies a CSS class name to be appended to the component's root element.
- internal
### selectedId
- type: string | number
- description: Defines which item is currently selected.
- default: null
### items
- type: ComposerSidebarItem[]
- description: Defines an array of items (buttons and labels) to show on the sidebar:
- `label`: text string next to a button
- `icon`: icon shown in the toggle button
- `disabled`: disables the item
- `onClick`: defines what happens when the item is clicked on
- `sectionTitle`: defines a section under which each item is placed
### onClick
- type: ComposerSidebarItemClickHandler
- description: Defines a default click handler for items, called with the click event and the clicked item's `id` and `label`.
### ellipsis
- type: boolean
- description: Controls the ellipsis of the item label.
- default: true
### toggleButtonProps
- type: ButtonAsButtonProps<{ className?: string | undefined; children?: ReactNode; skin?: ToggleButtonSkin | undefined; size?: "small" | "tiny" | "medium" | "large" | undefined; ... 10 more ...; tooltipDisabled?: boolean | undefined; }> | ButtonAsAnchorProps<{ className?: string | undefined; children?: ReactNode; skin?: ToggleButtonSkin | undefined; size?: "small" | "tiny" | "medium" | "large" | undefined; ... 10 more ...; tooltipDisabled?: boolean | undefined; }> | ButtonGenericProps<{ className?: string | undefined; children?: ReactNode; skin?: ToggleButtonSkin | undefined; size?: "small" | "tiny" | "medium" | "large" | undefined; ... 10 more ...; tooltipDisabled?: boolean | undefined; }> | ButtonAsComponentProps<{ className?: string | undefined; children?: ReactNode; skin?: ToggleButtonSkin | undefined; size?: "small" | "tiny" | "medium" | "large" | undefined; ... 10 more ...; tooltipDisabled?: boolean | undefined; }>
- description: Applies additional props to every item's `<ToggleButton/>`, such as `skin` or `shape`. Sidebar props (`size`, `labelPlacement`, `labelTooltipProps`) and item state take precedence.
- linkTypeTo: ToggleButton
- setTypeName: ToggleButtonProps
### ref
- type: null | string | (instance: null) => void | RefObject<never>
- 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).