App Layout

[Rahul-0108]

Hi ,
I am trying to create a React App with iTwin React Components. I am not getting anything to set the Layout here : https://itwin.github.io/iTwinUI-react/?path=/story/overview--overview

Can you suggest me anything ??

[mayank99]

Could you elaborate what you mean by "I am not getting anything to set the Layout here"?

It would also help if you show us your code, highlighting any relevant parts.

[Rahul-0108]

something to set the app structure and ui zones like : https://www.telerik.com/kendo-react-ui/components/layout/ https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/ https://www.telerik.com/kendo-react-ui/components/layout/splitter/

[mayank99]

Oh I see. Three things you should be aware of:

• We give you the building blocks, including some big pieces: Header, SideNavigation, Table, Tile, Breadcrumbs, etc.
• We recently also added a Surface primitive for placing your content inside.
• We are currently working on some "layout components" that will help solve some of your concerns. It is not ready yet, and we recommend building your own layout (using custom CSS) until then.

[bentleyvk]

Hey @Rahul-0108, we released iTwinUI-layouts npm, GitHub that should help you. Here is the demo page with code: https://itwin.github.io/iTwinUI-layouts/#/page-layout-1