[Bubble Plugin Installation Guide (Step-by-Step)]
Introduction:
This guide provides basic instructions for implementing the Toast by TechFighter plugin in your Bubble application. This plugin adds toast notification functionality to your application. Toast notifications are temporary messages that appear on the screen and automatically disappear after a specified time or can be dismissed by clicking. (Prerequisite: Logged into Bubble Editor)

Step 1: Prerequisites
No special prerequisites are required for this plugin.

Step 2: Plugin Installation

1. Click "Plugins" in the left menu.
2. Click the "+ Add plugins" button.
3. Type "Toast by TechFighter" in the search box and locate the plugin.
4. Click the "Install" button to install.
5. Click "Done" after installation.

Step 3: Workflow Configuration

1. Open the "Workflow" tab in the left menu.
2. Set up a trigger event (e.g., button click, after data save, etc.).
3. Click "Click here to add an action..." and select "Plugins" → "Toast by TechFighter - FireToast".
4. Configure the following parameters:

Main Settings:

a) Message Settings
- message: Text to display in the toast (can be dynamic value)
- icon: Icon to display (None/Info/Success/Warning/Error)

b) Display Settings
- position: Toast display position (9 locations available)
- duration: Display duration (in milliseconds)
- persistent: Whether to keep displaying until clicked

c) Design Settings
- backgroundColor: Background color
- textColor: Text color
- borderRadius: Corner radius (in pixels)
- animation: Animation type (Plain/Fade/Slide)

Step 4: Testing

1. Click the "Preview" button in the top right of the editor to open the application preview.
2. Verify the following points:
  - Toast appears in the specified position
  - Toast disappears after the set time (or on click for persistent toasts)
  - Icons and messages display correctly
  - Animations work as expected
3. If issues occur, check:
  - Workflow trigger is correctly set
  - Message text is properly configured
  - Duration value is appropriate (remember it's in milliseconds)

Important Notes:
- Multiple toasts will stack in the specified position when displayed simultaneously
- When persistent is set to true, the duration setting is ignored
- Progress bar is not displayed when persistent is true
- Toasts can be manually closed by clicking them


日本語

【Bubbleプラグイン導入手順（Step-by-Stepガイド）】

はじめに:
このガイドは、BubbleアプリケーションにToast by TechFighterプラグインを導入するための基本的な手順を示します。このプラグインは、アプリケーションにトースト通知機能を追加するアクションプラグインです。トースト通知は、画面上に一時的に表示される通知メッセージで、指定した時間後に自動的に消えるか、ユーザーのクリックで消すことができます。（前提：Bubbleエディターにログイン済み）

Step 1：事前設定
このプラグインでは特別な事前設定は必要ありません。

Step 2：プラグインのインストール

1. 左メニューの「Plugins」をクリックします。
2. 「+ Add plugins」ボタンをクリックします。
3. 検索欄に「Toast by TechFighter」と入力し、候補から該当するプラグインを見つけます。
4. 「Install」ボタンをクリックしてインストールします。
5. インストール後、「Done」をクリックします。

Step 3：ワークフローを設定する

1. 左メニューの「Workflow」タブを開きます。
2. トリガーとなるイベントを設定します（例: ボタンクリック時、データ保存後など）。
3. 「Click here to add an action...」をクリックし、「Plugins」→「Toast by TechFighter - FireToast」を選択します。
4. 以下のパラメータを設定します：

主な設定項目：

a) メッセージ設定
- message: トーストに表示するテキスト（動的な値も設定可能）
- icon: 表示するアイコン（None/Info/Success/Warning/Error）

b) 表示設定
- position: トーストの表示位置（9箇所から選択）
- duration: 表示時間（ミリ秒）
- persistent: クリックするまで表示し続けるかどうか

c) デザイン設定
- backgroundColor: 背景色
- textColor: テキスト色
- borderRadius: 角の丸み（ピクセル）
- animation: アニメーション種類（Plain/Fade/Slide）

Step 4：動作確認

1. エディター右上の「Preview」ボタンをクリックして、アプリケーションのプレビューを開きます。
2. 以下の点を確認します：
  - トーストが設定した位置に表示されるか
  - 設定した時間で消えるか（または永続表示の場合はクリックで消えるか）
  - アイコンとメッセージが正しく表示されるか
  - アニメーションが正しく動作するか
3. 問題が発生した場合は、以下を確認します：
  - ワークフローのトリガーが正しく設定されているか
  - メッセージテキストが正しく設定されているか
  - durationの値が適切か（ミリ秒単位であることに注意）

注意事項：
- 複数のトーストを同時に表示した場合、指定した位置に順番にスタックされます
- persistentをtrueに設定した場合、durationの設定は無視されます
- プログレスバーは永続表示（persistent: true）の場合は表示されません
- トーストはクリックすることで手動で閉じることができます