Dashboard

Built from#

Every screen is the docked Layout with the Sidebar in its rail (the clinic swaps the rail for a Navbar in a LayoutTopbar), a sticky LayoutHeader with the search, and a PageHeader on the sheet. KPI bands are a StatGroup or single Stat tiles, every trend and bar chart is a Chart, and period switches are a segmented ToggleGroup or a Select that really swap the data. Lists of countries and best sellers are a Ranking, feeds an ActivityFeed, and each screen closes on a DataTable with search, sorting, selection and Tabs that filter its rows. The list and detail screens, the clinic and the legal code, split the sheet into LayoutPane parts. None of them adds styling of its own: they only lay those parts out.

One workspace#

The workspace screens share a rail, a top bar and a cast, so they read as one product with the CRM, Tasks and Mail screens. Their numbers agree too: the company overview and the business review report the same year of revenue, the sales screen's profit is its revenue minus its costs, the support team in the hub is the Support department of the people directory, and the account managers on the performance screen are the directory's sales team.

Responsive#

Each preview renders inside an iframe, so the screen's breakpoints respond to the frame width. Below lg the rail leaves the gutter for the drawer behind the mobile bar. KPI bands step from four or three columns to two and then one, card grids fold from three columns at xl to two at md, and the list and detail screens show one pane at a time on a phone, with a back button. Tables keep their columns and scroll sideways inside their own frame, never the page.

FAQ#