JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://op1static.oktacdn.com/assets/js/sdk/okta-signin-widget/2.9.0/js/okta-sign-in.min.js"></script>
<link rel="stylesheet" href="https://op1static.oktacdn.com/assets/js/sdk/okta-signin-widget/2.6.0/css/okta-sign-in.min.css">
<div id="okta-login-container"></div>
JavaScript
var orgUrl = "https://<YOUR_ORG_HERE>.<okta/oktapreview>.com";
// config
var config = {
baseUrl: orgUrl
};
// render widget
var oktaSignIn = new OktaSignIn(config);
oktaSignIn.renderEl({ el: '#okta-login-container' },
function(res) {
// success fn
res.session.setCookieAndRedirect(orgUrl);
},
function(error) {
// failure fn
console.log(error.message, error);
}
);