@wix/design-system
Version:
@wix/design-system
68 lines (65 loc) • 2.13 kB
Markdown
### children
- type: ReactNode | (() => ReactNode)
- description: any renderable node or a render function. In case of a render function, text styles will not be applied.
### disabled
- type: boolean
- description: apply disabled styles
### skin
- type: "dashes" | "plain" | "filled" | "image"
- description: the theme of component
### theme
- type: "dashes" | "plain" | "filled" | "image"
- description: use skin instead
- deprecated
### alignItems
- type: "center" | "right" | "left"
- description: switching content alignment
### size
- type: "tiny" | "small" | "medium" | "large"
- description: size to control icon and spacing
### onClick
- type: MouseEventHandler
- description: click event handler
### dataHook
- type: string
- description: Applied as data-hook HTML attribute that can be used to create driver in testing
### className
- type: string
- description: Specifies a CSS class name to be appended to the component’s root element.
- internal
### tooltipContent
- type: ReactNode
- description: When provided, hover will display a tooltip
### tooltipProps
- type: TooltipCommonProps
- description: Tooltip props
### showIcon
- type: boolean
- description: Displays the plus icon
- default: true
### removePadding
- type: boolean
- description: Removes padding
### borderRadius
- type: string | number | string & {}
- description: sets the border-radius css property on the button element
### ariaLabel
- type: string
- description: Defines a string value that labels the add item element
### ariaLabelledBy
- type: string
- description: Subtitle of the component
### ariaDescribedBy
- type: string
- description: Defines a string value that describes the add item element
### subtitle
- type: ReactNode
- description: Subtitle of the component
### icon
- type: ReactNode
- description: The illustration icon src or node
### ref
- type: null | string | (instance: AddItemActions | null) => void | RefObject<AddItemActions>
- 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).