La referencia de la API está disponible solo en inglés por ahora.

AuthCard

function
primitives/AuthCard/AuthCard.tsx:45
signature
AuthCard(__namedParameters): Element

A centred card for a sign-in, sign-up or recovery screen.

Parameters

NameTypeDescription
__namedParametersAuthCardProps

Returns

Element

Example

example
<AuthCard title="Sign in">
  <Stack as="form" gap={3} onSubmit={submit}>
    <FormField id="email" label="Email">{(c) => <Input {...c} type="email" />}</FormField>
    <Button type="submit" loading={busy}>Sign in</Button>
  </Stack>
</AuthCard>