Island

A simple island component for react



npx shadcn@latest add https://island-wine.vercel.app/Island.json

Usage

Import and add the component “island” in the root of your project.


import { Island } from 'Island'

  function App() {
    return ( 
        <Island />
        // ...
    )
  }

Customize your “Island” component in any way you like


Position

Choose the exit of the island



Variant

Choose the island styles that are defined in your tailwind file.



Activation Area

Defines the height of the island activation area. It is measured in px



Children

Add the content you want.




Size

Change the size of the island



By Tomas Avila