Installation

Install @gzodo/ui and import styles.

Code

pnpm add @gzodo/ui
# or
npm install @gzodo/ui

React

Code

import '@gzodo/ui/styles.css'
import { Button } from '@gzodo/ui'

export function Example() {
  return <Button variant="primary">Save</Button>
}

Peers: react and react-dom (≥18). Optional: react-hook-form (Form). Select, DropDown, Tooltip, and Modal use the library’s own layer logic.

HTML only

Code

<link rel="stylesheet" href="node_modules/@gzodo/ui/dist/styles.css" />

<button class="gz-button gz-control" data-variant="primary" data-size="md">
  Save
</button>

Put a theme class on the root:

Code

<html class="default-light">
  <!-- or class="default-dark" -->
</html>

Introduction

Theming