@wix/design-system
Version:
@wix/design-system
64 lines (61 loc) • 1.66 kB
Markdown
### disabled
- type: boolean
- description: Applies disabled styles.
- default: false
### className
- type: string
- description: Specifies a CSS class name to be appended to the component’s root element.
- internal
### children
- type: ReactNode
- description: Used for passing any
### onClick
- type: MouseEventHandler
- description: Defines a callback function which is called every time a button is clicked.
### skin
- type: "standard" | "dark" | "destructive" | "inverted" | "success"
- description: Button skins.
- default: 'standard'
### size
- type: "tiny" | "small" | "medium" | "large"
- description: Button size.
- default: 'medium'
### selected
- type: boolean
- description: Applies selected styles.
### interactive
- type: boolean
- description: Enables pointer events of a selected button.
- default: true
### dataHook
- type: string
- description: String based data hook.
### labelValue
- type: ReactNode
- description: Label content.
- default: ''
### labelPlacement
- type: "tooltip" | "bottom" | "start" | "end"
- description: Label placement.
- default: 'tooltip'
### labelEllipsis
- type: boolean
- description: Whether label should have ellipsis.
- default: false
### tooltipProps
- type: TooltipCommonProps
- description: Tooltip props for label. Applied only when `labelPlacement` is `tooltip`.
### border
- type: boolean
- description: Applies border.
- default: false
### shape
- type: "round" | "square" | "pill"
- description: Button shape.
- default: 'square'
### tooltipDisabled
- type: boolean
- description: No description
### as
- type: "button"
- description: Renders component as any other component or a given HTML tag.