@wix/design-system
Version:
@wix/design-system
54 lines (49 loc) • 2.48 kB
Markdown
### ButtonHTMLAttributes
- type: All props from ButtonHTMLAttributes that comes from @types/react/index.d.ts
- description: No description
### HTMLAttributes
- type: All props from HTMLAttributes that comes from @types/react/index.d.ts
- description: No description
### AriaAttributes
- type: All props from AriaAttributes that comes from @types/react/index.d.ts
- description: No description
### DOMAttributes
- type: All props from DOMAttributes that comes from @types/react/index.d.ts
- description: No description
### skin
- type: ButtonSkin
- description: Specifies the skin of a button.
### priority
- type: ButtonPriority
- description: Specifies the priority of a button.
### size
- type: ButtonSize
- description: Controls the size of a button.
### fullWidth
- type: boolean
- description: Sets button width to fill a 100% of a parent container width.
### suffixIcon
- type: IconElement
- description: Pass an icon or a component to display at the end of a label (e.g., svg, image, etc.)
### prefixIcon
- type: IconElement
- description: Pass an icon or a component to display at the front of a label (e.g., svg, image, etc.)
### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests.
### ellipsis
- type: boolean
- description: Specifies whether component handles text overflow with ellipsis. If enabled, label that exceed available space will be displayed inside of a tooltip when user hover over a button.
### showTooltip
- type: boolean
- description: Specifies whether the full button label is displayed in a tooltip when label overflows available space.
Behaviour is enabled by default. Set property value to false to show ellipsis without a tooltip.
### tooltipProps
- type: TooltipCommonProps
- description: Allows to pass all common tooltip props. Use it to customize a tooltip created from text ellipsis.
### as
- type: "object" | "small" | "form" | "slot" | "style" | "title" | "button" | "search" | "article" | "dialog" | "figure" | "img" | "link" | "main" | "menu" | "option" | "table" | "time" | ... 94 more ... | ComponentType<...>
- description: Renders component as any other component or a given HTML tag.
### AnchorHTMLAttributes
- type: All props from AnchorHTMLAttributes that comes from @types/react/index.d.ts
- description: No description