This toast component is built with Radix primitive: https://www.radix-ui.com/primitives/docs/components/toast ### Example ```jsx State.init({ showToast: false }); return ( <Widget src="near/widget/DIG.Toast" props={{ title: "Title", description: "This is the toast description", type: "success", open: state.showToast, onOpenChange: (value) => State.update({ showToast: value }), trigger: ( <Widget src="near/widget/DIG.Button" props={{ label: "Show Toast", onClick: () => State.update({ showToast: true }), }} /> ), action: ( <Widget src="near/widget/DIG.Button" props={{ label: "Dismiss", onClick: () => State.update({ showToast: false }), }} /> ), providerProps: { duration: 1000 }, }} /> ); ``` ### Props `title` - type: `string`. - _optional_. - An optional title for the toast. `description` - type: `string`. - `required`. - The toast message. `type` - type: `string`. - Specifies toast type. Variants: `"success"`, `"error"`, `"info"`, `"custom"`. - `"custom"` allows to specify it's own `iconClassName` and `iconColor`. - example: ```jsx { // ... type: "custom", iconClassName: "ph ph-airplane-tilt", iconColor: "#c9f8f7" } ``` `open` - type: `boolean`, - `required`. - The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`. `onOpenChange` - type: `function`. - `required`. - Event handler called when the open state of the dialog changes. `trigger` - type: `JSX`. - _optional_. - Renders the element that will display the toast when clicked. `action` - type: `JSX`. - _optional_. - An action that is safe to ignore to ensure users are not expected to complete tasks with unexpected side effects as a result of a time limit. `providerProps` - type: `object`. - Radix `Toast.Provider` props https://www.radix-ui.com/primitives/docs/components/toast#provider This component also accepts all `Toast.Root` props as outlined in the Radix documentation.