@wix/design-system
Version:
@wix/design-system
60 lines (56 loc) • 1.7 kB
Markdown
### dataHook
- type: string
- description: Applied as data-hook HTML attribute that can be used to create driver in testing.
### hideShadow
- type: boolean
- description: Hide Accordion shadow effect
### contentPadding
- type: "none"
- description: Targets Accordion Item content padding. When not provided, uses default paddings.
### horizontalPadding
- type: HorizontalPaddings
- description: Change horizontal padding
### items
- type: AccordionItemType[]
- description: Provide items
- Available items props:
```javascript
{
render?: func;
title?: React.ReactNode;
subtitle?: React.ReactNode;
icon?: React.ReactNode;
children?: React.ReactNode;
expandLabel?: React.ReactNode;
collapseLabel?: React.ReactNode;
showLabel?: 'hover' | 'always';
buttonType?: 'textButton' | 'button' | 'node';
disabled?: boolean;
onToggle?: React.MouseEventHandler<HTMLElement>;
onMouseEnter?: React.MouseEventHandler<HTMLElement>;
onMouseLeave?: React.MouseEventHandler<HTMLElement>;
open?: boolean;
initiallyOpen?: boolean;
}
```
### multiple
- type: boolean
- description: allow multiple rows to be opened simultaneously
### onAnimationEnter
- type: () => void
- description: Callback fired immediately after the animation is started
### onAnimationExit
- type: () => void
- description: Callback fired immediately after the animation is ended
### size
- type: Sizes
- description: Change items size
### skin
- type: Skins
- description: Accordion skin color
### transitionSpeed
- type: TransitionSpeeds
- description: Change expand and collapse animation speed
### titleSize
- type: TitleSizes
- description: Accordion title and subtitle size