Axiom UI
EN / JA

はじめに

Axiom UIは依存パッケージとしてインストールしません。コンポーネントはあなたのリポジトリにコピーされ、あなたが所有します。

前提条件

  • Node.js 22+
  • React 19 プロジェクト
  • 対象プロジェクトにTailwind CSSが設定済みであること

コンポーネントを追加する

ワンショットでコンポーネントをリポジトリにコピー： 

npx @joinclass/axiom-ui add button

または一度インストールして使い回す： 

npm install -D @joinclass/axiom-ui
npx axiom-ui list
npx axiom-ui add dialog

add はデフォルトで <name>.tsx を ./src/components/ にコピーします。CLIはファイルをそのままコピーします。後処理や依存の注入はありません。

使う

import { Button } from "./components/button";

export function Page() {
  return <Button onClick={save}>Save</Button>;
}

すべてのコンポーネントはpropなしで正しく動きます。エスケープハッチ（className）はありますが、必須ではありません。

次のステップ