The @krizaka/ui button with the Orazaka 1.x default kept: without a variant, it is the primary (orange) button.

WebStableActions

Web — React, depuis @krizaka/orazaka-design-system. L'app mobile Orazaka prend les tokens du kit, pas ses composants. Stable : son API ne change qu’à une version majeure.

Pourquoi il existe au-dessus de Krizaka UI

Orazaka 1.x buttons were primary by default; the platform's default is secondary. This adapter keeps the 1.x default so the apps written against it look the same — everything else is the primitive's.

Repose surButton

Quand l’utiliser

In code already importing Button from @krizaka/orazaka-design-system.

Quand ne pas l’utiliser

In new code: import Button from @krizaka/ui/button and say the variant.À la place : Button

Installation

Installer

npm install @krizaka/orazaka-design-system && npm install -D tailwindcss

Styles

@import "tailwindcss";
@import "@krizaka/orazaka-design-system/theme.css";

The package ships its TypeScript sources: add it to transpilePackages (with @krizaka/orazaka-shared and @krizaka/ui).

Importer

import { Button } from "@krizaka/orazaka-design-system";

Exemples

Send a prompt

The primary by default; locked while the answer is generated.

Props

Ce module n'a pas de props de composant : voir l'import et l'aperçu ci-dessus.

Accessibilité

The primitive's: a native <button>, its focus ring, loading sets aria-busy.

Bonnes pratiques

One primary action per view: pass variant="secondary" or "ghost" to the others.
Lock it while sending (disabled + loading): the input-blocking rule (ERR-126).

Généré depuis le code de @krizaka/orazaka-design-system 2.5.0 : son meta.ts, ses exemples et ses types.Modifier cette documentation sur GitHub

Button