iTwinUI-layouts
iTwinUI-layouts places given React (eg.
iTwinUI-react
) components accordingly within the page with minimal effort on the development side.
Layouts
PageLayout 1
Demo consisting of header, side navigation, and full frame content (eg. iTwin.js frame).
PageLayout 2
Demo consisting of header, side navigation, and padded content (eg. array of tiles or table).
PageLayout 3
Demo consisting of header, side navigation, padded content, and a sticky footer (eg. a setup wizard).
Grids
Fluid grid
A responsive grid of tiles.
Grid
Grid layout example for home page.