AuthLayout

Centered glass card for sign-in style screens; it fills the viewport height by design.

Jump to API reference

Import

Vue
import { UiAuthLayout } from '@ziyarago/ui/vue'

Card

Welcome back

Sign in to manage your bookings.

Form fields go here
Vue
<UiAuthLayout
  title="Welcome back"
  subtitle="Sign in to manage your bookings."
  :style="{ minHeight: '320px' }"
>
  Form fields go here
</UiAuthLayout>

API reference

Centered card layout for sign-in and sign-up pages.

Props

PropType and valuesDefaultDescription
titlerequiredstring—Heading inside the card.
subtitlestring—Text below the title.
logoVNode—Logo element shown at the top of the card.
styleRecord<string, string | number>—Inline styles merged over the component styles.

Slots

Vue: named slots. React: a prop with the same name; default is children.

defaultCard body, usually a form.