← All blocks

Sign-in card

auth · centered-card · sign-in-card

npx shadcn@latest add @plus-ui/sign-in-card

Default content

{
  "brand": "rivetlane",
  "brandHref": "#",
  "title": "Sign in to Rivetlane",
  "description": "Deploy, preview and roll back from one workspace.",
  "providers": {
    "items": [
      {
        "label": "Continue with GitHub",
        "icon": "branch",
        "href": "#"
      },
      {
        "label": "Continue with Google",
        "icon": "globe",
        "href": "#"
      }
    ],
    "dividerLabel": "or use email"
  },
  "fields": [
    {
      "kind": "email",
      "label": "Work email",
      "placeholder": "[email protected]"
    },
    {
      "kind": "password",
      "label": "Password",
      "link": {
        "label": "Forgot password?",
        "href": "#"
      }
    }
  ],
  "remember": {
    "label": "Keep me signed in for 30 days"
  },
  "submitLabel": "Sign in",
  "switch": {
    "text": "New to Rivetlane?",
    "link": {
      "label": "Create an account",
      "href": "#"
    }
  },
  "footer": [
    {
      "label": "SAML SSO",
      "href": "#"
    },
    {
      "label": "Status",
      "href": "#"
    },
    {
      "label": "Privacy",
      "href": "#"
    },
    {
      "label": "Terms",
      "href": "#"
    }
  ]
}