AuthPanel

Accessible sign-in form with labelled fields, password visibility, remembered sessions, and reduced-motion entrance.

InterfaceSource ready6 props documentedLive preview
Add with shadcnnpx shadcn@latest add https://www.uigrids.com/r/auth-panel.json
Interactive preview
Interface

Welcome back

Install with the CLI

# adds AuthPanel to components/ui with the shadcn CLI
npx shadcn@latest add https://www.uigrids.com/r/auth-panel.json

Or install the package

// npm install @uigrids/react-ui
import { AuthPanel } from '@uigrids/react-ui'

export default function App() {
  return <AuthPanel />
}

Props

PropTypeDefaultDescription
titlestring'Welcome back'Configures the title option.
descriptionstring'Sign in to continue to your workspace.'Configures the description option.
submitLabelstring'Sign in'Configures the submit label option.
forgotHrefstring'#forgot-password'Configures the forgot href option.
onSubmitunknown-Configures the on submit option.
classNamestring''Additional CSS classes for the outer element.