Koala UIFile preview
One file opened in three panes on the docked shell. The folder's files sit on the left under a search, the open file fills the middle in a FilePreview with page, zoom and rotate controls, and a details pane on the right has Details, Activity and Versions tabs. Details lists who has access and the file's properties, Activity takes comments, and Versions restores any earlier version as a new one. Share opens a Dialog to invite by email, change or remove permissions, set link access and copy the link. Details become a drawer below xl, and below lg the list and the preview swap with a back button.
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.