React Popover
A fully-featured, accessible, and customizable popover component for React applications.
Features
🎯 Smart Positioning
12 placement options with intelligent auto-positioning to stay within viewport.
🎨 Customizable
Fully customizable styling with SCSS modules and custom class names.
♿ Accessible
WAI-ARIA compliant with keyboard navigation and screen reader support.
📱 Responsive
Mobile-friendly with touch support and responsive positioning.
Quick Start
tsx
import { Popover } from '@atawi/react-popover';
import '@atawi/react-popover/dist/style.css'; // Optional: Import default styles
function App() {
return (
<Popover
trigger={<button>Click me</button>}
content={<div>Popover content</div>}
placement="top"
animated
/>
);
}