Koala UIProject detail
One project opened on the docked shell: the breadcrumb, a header with the emoji mark, members, Share, Post update and a menu that sets the status or pauses the project, then a row with status, due date, tasks done and progress. Milestones run along a Stepper and pick a tab below, where ticking a task fills the progress, completes its milestone and writes to the updates feed. A comment box posts to that feed. A details column holds owner, dates, budget, tags and files. Below lg it drops under the main column.
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.