RecordDetail

a record read top to bottom: header with its status and actions, fields in sections, linked lists beneath

role: detail pages: app motion: none

Install

npx shadcn-vue@latest add @trame/saas-record-detail   # Vue
npx shadcn@latest add @trame/saas-record-detail       # React

page

@trame/saas-record-detail--page

a record read top to bottom: header with its status and actions, fields in sections, linked lists beneath

split

@trame/saas-record-detail--split

a record read mostly for its linked lists: its fields in a narrow column beside them