Hanzo GUI

Hanzo GUI is a complete suite of copy-paste composable components that render nicely on both React Native and React web, in both styled and unstyled forms.

You can install each component separately, or all of them at once with:

yarn add @hanzo/gui

Setup

The package @hanzo/gui is a superset of @hanzogui/core, so if you've already installed core you can change all the references to @hanzo/gui.

You'll need to add a provider to the root of your app (unlike core, where that is optional), as it will set up the root portal for components like dialogs and popovers.

import { createGui, GuiProvider, View } from '@hanzo/gui'
import { defaultConfig } from '@hanzogui/config/v5' // for quick config install this

const config = createGui(defaultConfig)

export default () => (
  <GuiProvider config={config}>
    <View />
  </GuiProvider>
)

For a full configuration guide with createGui, check the core configuration docs.