Catalogue element
bry-file-grid
Files presented as tiles.
Settings
| Setting | Takes | Needed |
|---|---|---|
label | text, at most 200 characters | no |
count | a whole number from 0 to 100000 | yes |
start | a whole number from 0 to 100000 | no |
files | a list of at most 200: a record of id, name, kind, preview, size, modified (needs id, name, kind) | no |
tileSize | sm, md, lg | no |
selectable | true or false | no |
selected | a list of at most 200: text, at most 128 characters | no |
menu | a list of at most 12: a record of id, label, icon, tone (needs id, label) | no |
loading | true or false | no |
empty | text, at most 200 characters | no |
Example
JSX
<bry-file-grid label={"Design files"} count={2} start={0} tileSize={"sm"} files={[{"id":"brief","name":"Brief.docx","kind":"document","size":48200,"modified":"2026-09-10T09:00:00Z"},{"id":"budget","name":"Budget.xlsx","kind":"spreadsheet","size":18400}]} />Renderer contact sheet
These paths will hold the checked light and dark captures.
