[ * ] - Properties should be camel-case.
[ ** ] - See [Facebook](https://developers.facebook.com/docs/javascript/reference/FB.init/) for available values.
[ *** ] - Scope-component property.
## Slots
| Name | Default | Description |
| ------- | -------------------------- | --------------------------- |
| login | `'Sign in with Facebook'` |
| logout | `'Sign out with Facebook'` |
| working | `'Please wait...'` |
| before | `NONE` | Before all nested elements. |
| after | `NONE` | After all nested elements. |
[ * ] - Scope-component event.
## Scope component (Advanced Customization)
If props, slots and events do not satisfy your customization needs, you can use an underlying component called `v-fb-login-scope`. This component uses the render prop (known as "scoped-slot" in Vue) approach for composition. This means, it does not render **any** html or css, hence it has no added-value on its own. It only exposes a scoped-slot with attributes and methods that are committed as API.
### Props/Events
Refer to the [tables](#props-table-wrap) above for scope-component **specific** props/events.
### Scoped-Slot Scope (Attributes and Methods)
| Name | Type | Description |
| ------------ | -------- | ---------------------------------------------------------- |
| login | Function | Login handler. |
| logout | Function | Logout handler. |
| toggleLogin | Function | Toggles login/logout. |
| working | Boolean | SDK-initialization/login/logout is currently taking place. |
| connected | Boolean | User is logged in. |
| disconnected | Boolean | User is logged out. |
| enabled | Boolean | Button is enabled. |
| disabled | Boolean | Button is disabled. |
### Scope component example (for a full example see [source](https://github.com/adi518/vue-facebook-login-component/blob/master/src/components/FBLogin.vue)).
```html
```
## Development
Fork, clone and use the following scripts.
For component:
```bash
npm start
```
For documentation (includes a demo):
```bash
npm run docs
```
## Support
Please open an [issue](https://github.com/adi518/vue-facebook-login-component/issues) for support.
## License
Copyright (c) 2018 by [MIT](https://opensource.org/licenses/MIT)