Skip to content

Twentyfirst UIHalo

HaloPro

Document List

Life · DocumentList, Panel

View as Markdown

Important papers (IDs, contracts, policies, certificates) with category, holder and expiry: "Expired", "Expires in 19 days" or "Valid until May 2031".

Set today for server rendering; soon (default 60 days) marks documents to renew.
onOpen(id) makes each document a button.

PreviewCode

Documents

Family

Props

DocumentList

Prop	Type	Notes
`documents`	`LifeDocument[]`	Required
`today?`	`Date \| string \| number`	The day to count expiry from (default: now).
`soon?`	`number`	Days ahead that count as expiring soon (default 60).
`onOpen?`	`(id: string) => void`
`label?`	`string`	Accessible name (default "Documents").
`className?`	`string`	Extra class on the root element.
`style?`	`CSSProperties`	Inline style on the root element.

Panel

Prop	Type	Notes
`side?`	`boolean`
`title?`	`string`
`subtitle?`	`string`
`action?`	`ReactNode`
`children?`	`ReactNode`
`surface?`	`Surface`	`"glass"`: translucent glass over what is behind (maps, 3D, video, photos); `"solid"` opts out inside a glass `UIProvider`.
`className?`	`string`	Extra class on the root element.
`style?`	`CSSProperties`	Inline style on the root element.