@magicbell/magicbell-react
Version:
React components for building a notification inbox for your app
16 lines (15 loc) • 511 B
TypeScript
import { ReactNode } from 'react';
export interface Props {
title: ReactNode;
actions?: ReactNode;
}
/**
* Header for the notification inbox. It renders a "Mark All Read" button,
* which invokes the `onAllRead` callback.
*
* The component must be wrapped in a {@link MagicBellThemeProvider} component.
*
* @example
* <Header title="Inbox" actions={<button>mark as read</button>>} />
*/
export default function Header({ title, actions }: Props): import("@emotion/react/jsx-runtime").JSX.Element;