@itwin/itwinui-react

A React component library for the Kiwi design system.

Usage

To use components from the Kiwi design system in your app, you’ll need to wrap your app’s UI with Kiwi’s <Root> component, and specify the required colorScheme and density props:

import { Root } from "@itwin/itwinui-react/bricks";

export function App() {
    return (
        <Root colorScheme="dark" density="dense">
            {/* Use Kiwi design system components here */}
        </Root>
    );
}

This will ensure Kiwi’s styles are loaded to either the document or the encompassing shadow root.

Once that’s in place you can import and use components from @itwin/itwinui-react/bricks.

Contributing

Are you interested in helping kiwi grow and expand? You can submit feature requests or bugs by creating issues.

If you're interested in contributing code, please read CONTRIBUTING.md for more information.