PatternsList
List
A responsive list screen with mobile cards and a semantic desktop table whose selected cells copy cleanly into spreadsheet and document tools.
Record list
Composed screen
Quotes
| Client | Property | Status | Total |
|---|---|---|---|
|
Jane Doe
Q-OQKBLK
|
Purchase
12 Birch Lane, SW1A 1AA
|
Instructed
|
£1,840
|
|
Priya Shah
Q-44GH2X
|
Sale
8 Mulberry Way, BN1 4QP
|
Accepted
|
£1,560
|
|
Marcus Lee
Q-PLM4ZE
|
Purchase
27 Oak Crescent, BS8 2QR
|
New
|
£1,420
|
On desktop, select across cells and copy to paste a plain table without icons, avatars, or card styling.
Line list
Borderless one-line rows with hover-revealed actions
Contracts
-
Standard Law Society contract, completion date left open.
Uploaded by Priya Shah 2 days ago, 412 KB
-
TA6 property information form — 12 Birch Lane, London SW1A 1AA.pdf Seller confirms no disputes; one boundary alteration in 2019.
Seller confirms no disputes; one boundary alteration in 2019.
Uploaded by Priya Shah 2 days ago, 1.8 MB
-
Balance due on completion £248,340.
Uploaded by Priya Shah 2 days ago, 24 KB
Hover or tab into a row: the surface appears behind it and the actions fade in. Below the md breakpoint — where a touch device has no hover to give — the actions are always visible.
Line list API
koala-list-lines
rows-idclasskoala-list-line
expandableexpanded-varclasskoala-list-line-summary
toggles-detailclasskoala-list-line-text
classkoala-list-line-actions
classkoala-list-line-toggle
labeldata-analyticskoala-list-line-detail
class