@gbgr/react

This package contains React components and hooks for the GBGR Design System.

Development Guidelines

Do not import Token JSON directly

Components and hooks in this package should not directly import tokens.json or any derived JSON token files. Instead, consume design tokens through CSS variables (e.g., var(--gbgr-color-primary)) to maintain consistency and leverage the theming capabilities provided by the @gbgr/tokens package.

Usage

Button

Make sure token CSS is loaded (e.g. via @gbgr/css), then:

import { Button } from "@gbgr/react";
import "@gbgr/react/button.css";

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