@wix/design-system
Version:
@wix/design-system
46 lines (42 loc) • 1.32 kB
Markdown
### dataHook
- type: string
- description: Applied as data-hook HTML attribute that can be used in the tests
### skin
- type: SectionHelperSkin
- description: Sets the look and feel of the component
### appearance
- type: SectionHelperSkin
- description: No description
### title
- type: React.ReactNode
- description: Adds text as the title
### size
- type: SectionHelperSize
- description: Controls the component padding
### showCloseButton
- type: boolean
- description: decide if to show the close button
### onClose
- type: React.MouseEventHandler<HTMLElement>
- description: When provided, will make a close button appear and invoke it upon click
### onAction
- type: React.MouseEventHandler<HTMLElement>
- description: When provided, will make an action button appear and invoke it upon click
### actionText
- type: React.ReactNode
- description: Text or any child component for the action button
### fullWidth
- type: boolean
- description: Set the content width to 100%
### layout
- type: SectionHelperLayout
- description: Controls the component layout
### border
- type: SectionHelperBorder
- description: Controls the component border
### showPrefixIcon
- type: boolean
- description: Enables showing prefix icon
### prefixIcon
- type: React.ReactNode
- description: Overrides default prefix icon