# toi

> A tiny headless React utility for building imperative dialogs/toasts.

## ガイド

- [はじめに](/toi/ja/guide/start/introduction.md): toi とは何か、どんな課題を解決するのか、マウント・解決・終了アニメーションがどのように結びついているか。
- [名前について](/toi/ja/guide/start/name.md): ライブラリ名 toi の由来 — 「問い」という言葉と API の対応、漢字「問」の構造、そこから生まれたロゴの意匠について。
- [クイックスタート](/toi/ja/guide/start/quick.md): toi をインストールし、ToiHost をマウントして、最初のコンポーネントを await する。
- [ホストのマウント](/toi/ja/guide/basic/mounting.md): ToiHost がなぜ必要なのか、toi でマウントしたコンポーネントが実際にどこにレンダリングされるのか、組み込みのアクセシビリティ対応について。
- [解決する](/toi/ja/guide/basic/resolving.md): 値の有無による resolve の違い、reject による拒否、resolve や reject を複数回呼び出した場合の挙動、終了アニメーションによるアンマウントの遅延について。
- [ページ遷移で閉じる](/toi/ja/guide/basic/navigation.md): toi がマウントしたコンポーネントがページ遷移をまたいで開いたままになる理由と、currententrychange イベントや @praha/react-kit を使って遷移時に閉じる方法について。
- [再利用可能な関数](/toi/ja/guide/basic/reusable-functions.md): toi.fn を使ってコンポーネントを一度だけ toi に紐づけ、その関数を再利用する方法（デフォルト Props を含む）。
- [追加の Props](/toi/ja/guide/basic/additional-props.md): ref、resolve、reject 以外の Props をコンポーネントに渡す方法と、それらが必須かオプションかがどのように推論されるか。
- [ガイド](/toi/ja/guide/index.md): toi のガイド全体像 — はじめに、ホストのマウント、解決、再利用可能な関数、追加の Props について。