Layout
A layout with header, side and main content area. Side is collapsible.
Props
| Name | Description | Type | Default |
|---|---|---|---|
header | ReactNode | ||
side | ReactNode | ||
noPageBorder | boolean | ||
page | If you don't use `LayoutSplitter`, put page's body content in here. | ReactNode | |
drawerTitle | ReactNode | ||
countryCode | For SSR you can pass server's country code to solve hydration problems. | string | |
onInspectorChange | If set, an event listener will be added to the Blue Web Layout element. This callback function helps you get the current state of the inspector. To control the inspector, use the `toggleInspector`, `openInspector`, `closeInspector` by Blue Web. | (open: boolean) => void | |
ref | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} | RefObject<HTMLDivElement> & Ref<HTMLDivElement> |