@datalayer/core
Version:
[](https://datalayer.io)
55 lines (54 loc) • 1.72 kB
TypeScript
import type { StoryObj } from '@storybook/react-vite';
/**
* Login component provides a comprehensive authentication interface with multiple methods:
* - Email/password authentication
* - OAuth (GitHub, LinkedIn)
* - Direct token input
*
* The component includes form validation, loading states, and error handling.
*/
declare const meta: {
title: string;
component: (props: import("./Login").ILoginProps) => JSX.Element;
parameters: {
layout: string;
};
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
heading?: string | undefined;
homeRoute: string;
loginRoute?: string | undefined;
joinRoute?: string | undefined;
joinConfirmRoute?: string | undefined;
passwordRoute?: string | undefined;
showEmailLogin?: boolean | undefined;
showGitHubLogin?: boolean | undefined;
showTokenLogin?: boolean | undefined;
}>) => import("react/jsx-runtime").JSX.Element)[];
tags: string[];
};
export default meta;
type Story = StoryObj<typeof meta>;
/**
* Default login form with all authentication methods enabled
*/
export declare const Default: Story;
/**
* Login form with only email/password authentication
*/
export declare const EmailOnly: Story;
/**
* Login form with only OAuth authentication
*/
export declare const OAuthOnly: Story;
/**
* Login form with only token authentication
*/
export declare const TokenOnly: Story;
/**
* Login form with custom heading
*/
export declare const CustomHeading: Story;
/**
* Login form with all authentication methods including password reset link
*/
export declare const WithPasswordReset: Story;