Quick Start

Install Island and show your first toast in minutes.

Installation

Install the package

npm install react-island

Add the provider

Mount <ViewIslands /> once at the root of your app.

app.tsx

import { ViewIslands } from "island"

export default function App() {
	return (
		<div>
			<ViewIslands />
		</div>
	)
}

Show your first island

app.tsx

import { ViewIslands } from "island"
import { island } from "island"

export default function App() {
	const showIsland = () => island.success("Hi! Mom")
	return (
		<div>
			<ViewIslands />
			<button onclick={showIsland}>Show Island</button>
		</div>
	)
}

Next steps

island()

The core function. Call it from anywhere to trigger a notification.

On this page

Installation Install the package Add the provider Show your first island Next steps