UNPKG

gestalt

Version:

A set of React UI components which enforce Pinterest's design language

29 lines (28 loc) 1.54 kB
type Props = { /** * Available for testing purposes, if needed. Consider [better queries](https://testing-library.com/docs/queries/about/#priority) before using this prop. */ dataTestId?: string; /** * Callback invoked when the user clicks (press and release) on Button with the mouse or keyboard. */ onClick?: (arg1: { event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>; }) => void; /** * Text to render inside the ButtonSocial to convey the function and purpose of the ButtonSocial. */ type: 'login' | 'continue' | 'signup'; /** * Text to render inside the ButtonSocial to convey the function and purpose of the ButtonSocial. */ service: 'apple' | 'facebook' | 'google' | 'email' | 'line'; }; /** * [ButtonSocial](https://gestalt.pinterest.systems/buttonsocial) should be used only to enable users to sign-up or sign-in to Pinterest using other trusted services. * * ![ButtonSocial light mode](https://raw.githubusercontent.com/pinterest/gestalt/master/playwright/visual-test/ButtonSocial.spec.ts-snapshots/ButtonSocial-chromium-darwin.png) * ![ButtonSocial dark mode](https://raw.githubusercontent.com/pinterest/gestalt/master/playwright/visual-test/ButtonSocial-dark.spec.ts-snapshots/ButtonSocial-dark-chromium-darwin.png) */ declare const ButtonSocialWithForwardRef: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>; export default ButtonSocialWithForwardRef;