React Beacon Hint
User Onboarding Component for React with Fully Configurable Options
✨ Features
- 🛠 Use Floating UI (the evolution of Popper 2) with fully configurable options as anchor positioning system.
- ⚙️ Beautiful by default, with zero-config, and can be customized.
- 📦 Light as a feather (~60kB).
- 🏖 Easy to use, just wrap
<Hint>around your component. - 📝 Written in
TypeScript.
⚙️ Installation
- npm
- Yarn
- pnpm
npm install react-beacon-hint
yarn add react-beacon-hint
pnpm add react-beacon-hint
Dependencies
This library needs these dependencies to be installed in your project before you can use it:
- npm
- Yarn
- pnpm
npm install @floating-ui/react
yarn add @floating-ui/react
pnpm add @floating-ui/react
Stylesheets
Import the minified CSS file in your app's entry file:
import 'react-beacon-hint/styles.css'