Auth Card

Sign-in and sign-up cards with social providers, email fields and a call to action.

Storybook Figma

Preview

Example

2 examples: Sign in, Sign up.

Install

Free and open in the core package.

BASH

npm i @pixelsds/react react-aria-components

Usage

JSX

import { AuthCard } from '@pixelsds/react';

export default function Example() {
  return <AuthCard />;
}

Every example above, with its props and full source, is in the Storybook. Built from Pixels tokens, so it follows your brand colour, dark mode and right-to-left.