📦 React-nickify

---

✨ Features

• ✅ Rich text editor with a customized toolbar
• ✅ AI integrated with in editor responses
• ✅ Build over react tiptap

📦 Installation and Use

Using npm:

npm install react-nickify

Calling the Nickify Component

import  Nickify  from  'react-nickify'

const [content,setContent]=useState<string>('')

return (
<>
   <Nickify  setContent={setContent} isAiEnabled={false}></Nickify>
   <article className="tiptap" dangerouslySetInnerHTML={{__html: content }}/>
</>
)

🛠Accessing the Toolbar

• Windows: Ctrl + Arrow Down

• Mac: Cmd + Arrow Down

• On text selection also

📦 AI Response

to generate AI response configure GEMINI API KEY make a .env.local file and add

VITE_GEMINI_API_KEY="your api key"

and then

<Nickify  setContent={setContent} isAiEnabled={true}></Nickify>

📦 Developer guide

generate a pull request to LPW branch only