La librería de notas adhesivas

  import PostIt from 'post-it-react'

  function App() {
    return (
      <>
        {/* Copy action: Copy the Post It value text */}
        <PostIt id={'id-1'} position={{ x: 101, y: 78 }} fill={'#FEE440'} text={'Copy action 📋'} action={'copy'} />

        {/* Delete action: Delete the Post It */}
        <PostIt id={'id-2'} position={{ x: 238, y: 211 }} fill={'#FEE440'} text={'Delete action ❌'} action={'delete'} />

        {/* Block action: Blocks dragging functionality of the Post It */}
        <PostIt id={'id-3'} position={{ x: 440, y: 74 }} fill={'#FEE440'} text={'Block action 🔒'} action={'block'} />

        {/* Custom action: Set your own custom action */}
        <PostIt id={'id-3'} position={{ x: 661, y: 192 }} fill={'#FEE440'} text={'Custom action ✅'} action={
          [
            <span>❗</span>, // Custom button
            () => alert('Custom action!'), // Custom function
            'custom-action-class', // Custom class
            { fill: '#EFE9AE' } // Custom style (optional)
          ]
        } />
      </>
    )
  }

  import PostIt from 'post-it-react'

  function App() {
    return (
      <>
        {/* Edit disabled: Disables the edit functionality of the Post It */}
        <PostIt id={'id-1'} position={{ x: 120, y: 78 }} fill={'#FEE440'} text={'Edit disabled ✍'} disableEditPostIt />

        {/* Delete disabled: Disables the delete functionality of the Post It  */}
        <PostIt id={'id-2'} position={{ x: 380, y: 211 }} fill={'#FEE440'} text={'Delete disabled ❌'} disableDeletePostIt />

        {/* Drag action: Disables the drag functionality of the Post It */}
        <PostIt id={'id-3'} position={{ x: 640, y: 74 }} fill={'#FEE440'} text={'Drag disabled 🛑'} disableDragPostIt />
      </>
    )
  }

  import PostIt from 'post-it-react'

  function App () {
    return (
      <>
        <PostIt id={'unique-id'} position={{ x: 116, y: 162 }} text={'Hi, I am a post it! 🧉'} action={'copy'} fill={'#FEE440'} styleBentCorner />
        <PostIt id={'unique-id'} position={{ x: 610, y: 162 }} text={'Hi, I am a post it! 🧉'} fill={'#FEE440'} stylePinned />
      </>
    )
  }