AuthLayoutPanel

The card that holds the form.

Import

import { AuthLayoutPanel } from "@jcsoftdev/ui/auth";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/auth/auth-layout.

Usage

<AuthLayoutPanel layout="split" state="idle" progress={0} activeIndex={0}>
  <>
          <AuthLayout.Brand>EduModules</AuthLayout.Brand>
          <AuthLayout.Art />
          <AuthLayout.Panel>
            <PanelContent />
          </AuthLayout.Panel>
          <AuthLayout.Footer>Soporte: ayuda@edumodules.pe</AuthLayout.Footer>
        </>
</AuthLayoutPanel>

Props

This component declares no props of its own.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

Storybook stories

• Split
• Split Reverse
• Centered
• Typing
• Error State
• Success
• Container Widths
• Custom Illustration
• Brand Follows Art

Source

packages/ui/src/auth/auth-layout/auth-layout.tsx