Every page is covered, not only this one.
The gate a private site shows before any of its pages, its single field filling character by character while the domain it belongs to sits above.
Turn the props on the right; the snippet under them is what you would write to get what you see.
Every page is covered, not only this one.
import { Form40 } from "@/components/beste/component/form40";
<Form40
domain="yourdomain.com"
note="Every page is covered, not only this one."
/>The import and the props worth knowing about, in one place.
import { Form40 } from "@/components/beste/piece/form40";
<Form40
surface="card"
bordered={true}
inverted={false}
domain="yourdomain.com"
title="This site is private"
placeholder="Enter a password"
submitLabel="Apply"
note="Every page is covered, not only this one."
length={8}
stepMs={190}
/>Password field with a four-segment meter underneath that shifts color and label with strength.
Masked password input with a caps-lock alert pill and an eye button that flips visibility.
Cookie categories a visitor decides on one at a time, the essential row held on and locked while the others switch under a moving choice.
Phone field with a flag and dial-code chooser on the left, then the national number in mono.