Layout đăng nhập & trang lỗi

Layout độc lập cho trang đăng nhập / đăng ký / khôi phục mật khẩu / khoá màn hình và các trang lỗi (400, 403, 404, 500, 503), chữ đã được dịch.

AuthLayout

AuthLayout

Vue

<div class="auth-frame"><ThlAuthLayout title="Sign in"><ThlField label="Email"><ThlInput type="email" /></ThlField><ThlField label="Password"><ThlInput type="password" /></ThlField><ThlButton variant="danger" block>Log in</ThlButton></ThlAuthLayout></div>

React

<AuthLayout title={t('pages.login.title')}>
  <Form …>…</Form>
</AuthLayout>

Angular

<thl-auth-layout [title]="'pages.login.title' | thlT">
  <form …>…</form>
</thl-auth-layout>

ErrorLayout

ErrorLayout

Vue

<div class="auth-frame"><ThlErrorLayout :code="404" home-href="#" /></div>

React

<ErrorLayout code={404} homeHref="/" />

Angular

<thl-error-layout [code]="404" homeHref="/" />

API

AuthLayout

<ThlAuthLayout> · import { ThlAuthLayout } from '@thl-ui/vue'

Prop	Kiểu	Mặc định
title	string	—
avatar	string	—

Slot: logodefaultfooter

ErrorLayout

<ThlErrorLayout> · import { ThlErrorLayout } from '@thl-ui/vue'

Prop	Kiểu	Mặc định
code*	number	—
title	string	—
text	string	—
homeHref	string	"/"

Slot: action