Koala UIIntegrations directory
The workspace's apps on the docked shell, a breadcrumb across the top of the sheet: a PageHeader that counts the connected apps, line tabs for each category with a live count, and a search field that filters as you type. Apps sit in two groups, Connected and Available, each a grid of cards with the brand logo, a one-line description and a switch. Flipping the switch moves the card to the other group, where it rises in, and a toast offers Undo. A search with no match shows an empty state that clears it. The grid steps from four columns down to one, and the tabs scroll sideways on phones.
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.