Draws the line icons of the header's controls (search, its ✕, chat and the bell) and of ChatFab. They stroke in the text colour; the shapes marked nav-icon-tint also fill with --nav-icon-tint, which the header sets to a wash of the accent and the floating button leaves unset. Themes set the line's weight and ends with --nav-icon-stroke and --nav-icon-linecap.

Functions

f
IconBell(props: NavIconProps): React.JSX.Element

Renders a bell, for NotificationBell.

f
IconChat(props: NavIconProps): React.JSX.Element

Renders a speech bubble, for ChatButton and ChatFab.

f
IconClose(props: NavIconProps): React.JSX.Element

Renders the ✕ the search toggle turns into while the search is open.

f
IconSearch(props: NavIconProps): React.JSX.Element

Renders a magnifier, for the header's search toggle and the search bar.

Interfaces

I
NavIconProps

Passed to every icon, so a caller can add its own class (the bell rings).

Usage

import * as mod from "src/components/layout/NavIcons.tsx";