UNPKG

@wix/design-system

Version:

@wix/design-system

38 lines (35 loc) 1.44 kB
### disabled - type: boolean - description: Specifies whether user interactions are disabled. ### color - type: "standard" | "blue" | "cyan" | "green" | "orange" | "pink" | "purple" | "red" | "teal" | "violet" - description: Sets button color. ### children - type: ReactNode - description: Used for passing any `@wix/design-system` icon. For external icon make sure to follow ux sizing guidelines. ### onClick - type: MouseEventHandler - description: Defines a callback function which is called every time a button is clicked. ### dataHook - type: string - description: Applies a data-hook HTML attribute that can be used in tests. ### label - type: ReactNode - description: Sets label value. ### shape - type: "round" | "square" - description: Sets button shape. ### ellipsis - type: boolean - description: Truncates label that is longer than its parent container and displays ellipsis at the end of the last line. ### maxLines - type: number - description: Truncates label text at a specific number of lines when using ellipsis. ### as - type: "button" - description: Renders component as any other component or a given HTML tag. ### ref - type: null | string | (instance: ComposerButtonHandle | null) => void | RefObject<ComposerButtonHandle> - 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).