Toast message for Native

🔧 Instructions: How to Use the Toast Plugin
This plugin displays animated toast messages in your Bubble app using React Native components.

---

⚙️ Using the “Show Toast” Action in a Workflow

To trigger a toast message, follow these steps in Bubble:

1. Add the Toast plugin element to your page (can be hidden).
2. In your Bubble workflow, choose the action:  
  Plugins → Show Toast
3. Fill in all required fields:
  - Message
  - Duration (e.g. `3000`)

Once triggered, the toast will appear on screen based on the selected options.

---

### 📝 Available Input Fields (All Required)

- `message` (Text)  
 The message to display in the toast.

- `duration` (Number, in milliseconds)  
 How long the toast should stay visible.

- `animation_type` (Text)  
 Animation type for toast entrance.  
 Valid values:
 - `"fade"` – fades in without moving.
 - `"slide"` – slides in from top or bottom, fully visible during movement.
 - `"fade+slide"` – fades in while sliding into position (smooth combined animation).

- `toast_position` (Text)  
 Where the toast should appear on screen.  
 Valid values:
 - `"top-left"`
 - `"top-center"`
 - `"top-right"`
 - `"bottom-left"`
 - `"bottom-center"`
 - `"bottom-right"`

- `background_color` (Text)  
 Background color of the toast (hex or CSS color), e.g. `"#333333"`.

- `text_color` (Text)  
 Text color of the toast (hex or CSS color), e.g. `"#FFFFFF"`.

- `font_size` (Number)  
 Font size of the toast text, e.g. `16`.

- `padding` (Number)  
 Inner padding of the toast container (in pixels), e.g. `12`.

- `border_radius` (Number)  
 Corner radius for the toast container (in pixels), e.g. `8`.

- `border_color` (Text)  
 Border color of the toast (hex or CSS color).

- `max_width` (Number)  
 Maximum width of the toast (in pixels), e.g. `300`.

- `safe_offset` (Number)  
 Extra vertical offset (in pixels) from the top or bottom edge.