{"repo":"react-component/notification","free":true,"listed":false,"github":"https://github.com/react-component/notification","clone":"git clone https://github.com/react-component/notification.git","description":"🔔 Hook-based React notification primitives for stacked, animated, and accessible notices.","language":"TypeScript","stars":382,"topics":["ant-design","antd","javascript","react","react-component"],"license":"MIT","category":"ui-components","readme_excerpt":"@rc-component/notification Part of the Ant Design ecosystem. 🔔 Hook-based React notification primitives for stacked, animated, and accessible notices. English 简体中文 Highlights - useNotification hook returning an API and React holder element. - Top, bottom, left, and right placements with max-count limiting. - Closable notices, duration timers, progress display, hover pause, and stacked layout. - Custom motion, semantic classNames / styles , progress component override, and provider-level classes. - TypeScript definitions for notification config, API, list config, and progress props. - Used by Ant Design as the shared notification foundation. Install Usage Examples Run the local dumi site: Then open http://localhost:8000 . API useNotification Property Type Default Description ------------------- ------------------------------------------------------------ --------------------- ----------------------------------------------------------- className (placement: Placement) = string - Class name for each placement container. classNames NotificationClassNames - Semantic class names for notice and list slots. closable boolean \\ { closeIcon?: ReactNode; onClose?: () = void } - Shared closable config for opened notices. components { progress?: ComponentType } - Component overrides. duration number \\ false \\ null 4.5 Auto-close delay in seconds. Use false or 0 to disable. getContainer () = HTMLElement \\ ShadowRoot () = document.body Notification portal container. maxCount number - Maximu","default_branch":null,"files":null,"tree":[],"storefront":"/r/react-component","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/react-component/notification/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}