export const meta = {
  title: `Authenticator`,
  description: `Authenticator UI component`,
  filterKey: `framework`,
};

import developerpreviewjs from '/src/fragments/ui/auth/developer-preview-callout-js.mdx';

<Fragments fragments={{ react: developerpreviewjs }} />
<Fragments fragments={{ angular: developerpreviewjs }} />
<Fragments fragments={{ vue: developerpreviewjs }} />
<Fragments fragments={{ 'react-native': developerpreviewjs }} />

A simple way to add authentication flows into your app is to use the Authenticator component. The Authenticator component encapsulates an authentication workflow in the framework of your choice and is backed by the cloud resources set up in your Auth cloud resources.

import react_native1 from '/src/fragments/ui/react-native/installation.mdx';

<Fragments fragments={{ 'react-native': react_native1 }} />

import react0 from "/src/fragments/ui/auth/web/authenticator.mdx";

<Fragments fragments={{react: react0}} />

import angular1 from "/src/fragments/ui/auth/web/authenticator.mdx";

<Fragments fragments={{angular: angular1}} />

import vue2 from "/src/fragments/ui/auth/web/authenticator.mdx";

<Fragments fragments={{vue: vue2}} />

import react_native4 from "/src/fragments/ui/auth/react-native/authenticator.mdx";

<Fragments fragments={{"react-native": react_native4}} />

import flutter5 from "/src/fragments/ui/auth/flutter/authenticator.mdx";

<Fragments fragments={{flutter: flutter5}} />