KQ-698 · VERIFIED/SEAL
Verified Seal
A profile header that wears a rosette seal beside the name once verified. The moment the fact turns true the seal stamps on recoil from 1.6× and −14°, and when the stamp settles a highlight sweeps across it once on a slow tween: the glint. Hovering or focusing the seal opens a strip beneath the header to a measured height on glide, listing what was verified and when with each tick drawn on flick in a cascade; a press pins it, Escape closes it, and revoking lifts the seal away on the exit ease.
KQ-698 · VERIFIED/SEAL
Marta Ferreira@fernline · Fernworks seller
Unverified
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/verified-seal
Props
- verified
- boolean
- default —
- The fact. Turning true stamps the seal; turning false lifts it away. A profile that mounts verified does not stamp.
- checks
- { id: string; label: string; at: string }[]
- default —
- What was verified and when, preformatted.
- verifiedAt
- string
- default —
- When the seal was granted, preformatted, shown at the head of the strip.
- name
- string
- default —
- Profile name; its first letters fill the avatar unless initials is given.
- handle
- string
- default —
- Secondary line under the name.
- open / defaultOpen
- boolean
- default false
- Controlled or initial pinned state of the detail strip; hover and focus open it on their own.
- onOpenChange
- (open: boolean) => void
- default —
- Fires from the seal press or Escape.
- sealLabel
- string
- default "Verified"
- The seal's name for assistive technology.
| Prop | Type | Default | Description |
|---|---|---|---|
| verified | boolean | — | The fact. Turning true stamps the seal; turning false lifts it away. A profile that mounts verified does not stamp. |
| checks | { id: string; label: string; at: string }[] | — | What was verified and when, preformatted. |
| verifiedAt | string | — | When the seal was granted, preformatted, shown at the head of the strip. |
| name | string | — | Profile name; its first letters fill the avatar unless initials is given. |
| handle | string | — | Secondary line under the name. |
| open / defaultOpen | boolean | false | Controlled or initial pinned state of the detail strip; hover and focus open it on their own. |
| onOpenChange | (open: boolean) => void | — | Fires from the seal press or Escape. |
| sealLabel | string | "Verified" | The seal's name for assistive technology. |