2019-11-21 13:30:05 +00:00
|
|
|
# SocialButton
|
2019-11-15 10:22:03 +00:00
|
|
|
|
2019-11-21 13:30:05 +00:00
|
|
|
Button is used for sign up with help social networks
|
2019-11-15 10:22:03 +00:00
|
|
|
|
2019-11-21 13:30:05 +00:00
|
|
|
### Usage
|
2019-11-15 10:22:03 +00:00
|
|
|
|
|
|
|
```js
|
2019-11-21 13:30:05 +00:00
|
|
|
import { SocialButton } from "asc-web-components";
|
2019-11-15 10:22:03 +00:00
|
|
|
```
|
|
|
|
|
2019-11-21 13:30:05 +00:00
|
|
|
```jsx
|
|
|
|
<SocialButton
|
|
|
|
iconName={"SocialButtonGoogleIcon"}
|
|
|
|
label={"Sign up with Google"}
|
|
|
|
/>
|
|
|
|
```
|
2019-11-15 10:22:03 +00:00
|
|
|
|
2019-11-21 13:30:05 +00:00
|
|
|
### Properties
|
2019-11-15 10:22:03 +00:00
|
|
|
|
2019-11-21 13:30:05 +00:00
|
|
|
| Props | Type | Required | Values | Default | Description |
|
|
|
|
| ------------ | :------: | :------: | :----: | :----------------------: | ----------------------------------------------------- |
|
|
|
|
| `label` | `string` | - | - | - | Button text |
|
|
|
|
| `iconName` | `string` | - | - | `SocialButtonGoogleIcon` | Icon of button |
|
|
|
|
| `isDisabled` | `bool` | - | - | `false` | Tells when the button should present a disabled state |
|
|
|
|
| `onClick` | `func` | - | - | - | What the button will trigger when clicked |
|