iTwin.js Nine-zone React UI components
npm install @itwin/appui-layout-reactCopyright © Bentley Systems, Incorporated. All rights reserved. See LICENSE.md for license terms and full copyright notice.
The @itwin/appui-layout-react package contains internal React components for the AppUI-react panels, widget UI and other purposes and is not expected to be used directly by applications.
See the iTwin.js documentation for more information.
Look at the existing code and try to keep your code similar.
- Every component class name should follow nz-path-to-component-componentName naming style.
- Every inner class name should have nz- prefix.
- Import the Sass classnames with: import "./YourComponent.scss";
- Every component should accept className?: string and style?: React.CSSProperties props.
- Components that accept one or a list of children should use the children?: React.ReactNode prop.
- Use classnames function to create className strings for the elements.
- Use const className inside render for the root element className value.