Koala UIFiles browser
The team drive on the docked shell. A breadcrumb and page header with New folder and Upload sit over a row of quick access folder cards, each with its file count, size and members. Below come a storage bar split by file type and the recent files DataTable with type icons, owner avatars, modified date, size and a sharing badge. Search, type filter, sort and a rows or cards layout are live, opening a folder narrows the list, uploads join it, and selected rows get star, download, move and delete. Below lg the rail moves into a drawer and the folders scroll sideways.
Built from#
A page is a composition, not a new component. The screen is the docked Layout with the Sidebar in its rail, a sticky header and a page header on the sheet, filled with the same components the docs document one by one. It adds no styling of its own: it only lays those parts out.
Responsive#
Below the large breakpoint the rail moves into a drawer behind the mobile bar and the panes stack into one column. Pick a device in the toolbar or drag the handle to watch it step down to a phone.