Security News
New Proposed CISA Mandate Would Require Critical Infrastructure to Report Ransom Payments Within 24 Hours
CISA has proposed a set of new rules that would require critical infrastructure to report cyber incidents and ransom payments.
react-apple-login
Advanced tools
A Apple Log-in Component for React
Weekly downloads
Readme
An Apple Log-in Component for React
See react-apple-login for live demo.
npm install --save react-apple-login
import * as React from 'react'
import AppleLogin from 'react-apple-login'
class Example extends React.Component {
render () {
return (
<AppleLogin clientId="com.react.apple.login" redirectURI="https://redirectUrl.com" />
)
}
}
params | value | default value | description |
---|---|---|---|
clientId | string | REQUIRED | The developer’s client identifier, as provided by WWDR. |
scope | string | - | The amount of user information requested from Apple. Valid values are name and email. You can request one, both(separated by space), or none. |
redirectURI | string | REQUIRED | The URI to which the authorization redirects. |
responseType | string | code | The type of response requested. Valid values are code and id_token. You can request one or both(separated by space). When requesting an id_token response type, response_mode must be either fragment or form_post. |
responseMode | string | query | The type of response mode expected. Valid values are query, fragment, and form_post. If you requested any scopes, the value must be form_post. |
state | string | - | The current state of the request. |
autoLoad | boolean | false | - |
nonce | string | - | A String value used to associate a client session with an ID token. This value is also used to mitigate replay attacks. |
usePopup | boolean | false | A Boolean that enables showing the flow in a popup. |
designProp.height | number | 30 | The height of the button image. The minimum and maximum values are 30 and 64, respectively |
designProp.width | number | 140 | The width of the button image. The minimum and maximum values are 130 and 375, respectively. |
designProp.color | string | black | The background color for the button image. The possible values are white and black (the default). |
designProp.border | boolean | false | A Boolean value that determines whether the button image has a border. |
designProp.type | string | sign-in | The type of button image returned. The possible values are sign-in (the default) and continue. |
designProp.border_radius | number | 15 | The corner radius for the button image. The minimum and maximum values are 0 and 50, respectively. |
designProp.scale | number | 1 | The scale of the button image. The minimum and maximum values are 1 and 6, respectively. |
designProp.locale | string | en_US | The language used for text on the button. |
render | function | - | Render prop to use a custom element, use renderProps.onClick |
callback | function | - | callback only work with Response Mode query. |
{
"authorization": {
"state": "[STATE]",
"code": "[CODE]",
"id_token": "[ID_TOKEN]"
},
"user": {
"email": "[EMAIL]",
"name": {
"firstName": "[FIRST_NAME]",
"lastName": "[LAST_NAME]"
}
}
}
designProp
won't work except designProp.locale
.{
"error": "[ERROR_CODE]"
}
npm run prepare
MIT © Mayank Patel
FAQs
A Apple Log-in Component for React
The npm package react-apple-login receives a total of 12,839 weekly downloads. As such, react-apple-login popularity was classified as popular.
We found that react-apple-login demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CISA has proposed a set of new rules that would require critical infrastructure to report cyber incidents and ransom payments.
Security News
Redis is no longer OSS, breaking its explicit commitment to remain under the BSD 3-Clause License forever. This has angered contributors who are now working to fork the software.
Product
Socket AI now enables 'AI detected potential malware' alerts by default, ensuring users benefit from AI-powered state-of-the-art malware detection without needing to opt-in.