@inftechsol/components

InfTechSol React UI primitives: Alert, Badge, Button, ConfirmDialog, Dropdown, Icon, Modal, Notification, Spinner, Tabs, Tooltip.

Peers: react, react-dom, @fortawesome/fontawesome-svg-core, @fortawesome/react-fontawesome, @fortawesome/free-solid-svg-icons

Install

npm i @inftechsol/components

import '@inftechsol/components/styles.css'
import {
  Button,
  NotificationProvider,
  useNotification,
  type NotificationConfig,
} from '@inftechsol/components'

Theming

Uses --its-* CSS variables. Map them from your app tokens (see InfTechSol UI form-token-bridge.css).

Notification

const config: NotificationConfig = {
  position: 'top-right',
  maxVisible: 4,
  durationMs: { success: 7000, danger: 7000, info: 7000 },
}

<NotificationProvider config={config} shouldSilence={isSilentAuthMessage}>
  <App />
</NotificationProvider>

Outside React (e.g. API client): emitNotification({ tone: 'danger', message: '…' }).