📄️ Sidebar
The Sidebar component is a responsive navigation container that adapts between desktop and mobile layouts.
📄️ Data Table
The DataTable component is a flexible, sortable, and paginated table built with @tanstack/react-table.
📄️ Empty Message
The EmptyMessage component is used to display a placeholder message when there is no data to show in a table or list.
📄️ DataOverview
The DataOverview component is a flexible, responsive grid or stacked layout for displaying key information with optional icons, titles, and values. It supports custom columns, stacked or inline layout, and fully customizable styling.
📄️ HeaderPaper
The HeaderPaper component displays a formatted paper-style header section with icon, title, optional description, optional tools/actions, and content block underneath.
📄️ DeclarationOfExposure
The DeclarationOfExposure component renders a list of declaration questions, each with a title, optional tooltip, and a set of radio options (typically Yes/No). It also calculates a boolean output based on whether each answer matches the allowed option and displays an alert if any answer is invalid..
📄️ Accessibility Widget
The AccessibilityWidget provides a customizable accessibility menu that allows users to enable and manage different accessibility features such as contrast, highlight links, big text, hide images, big cursor, saturation, text alignment, line height, focus indicator, and dyslexia-friendly font.
📄️ Card Button
The CardButton component is a flexible card-style link designed to display a title, icon, optional badge, subtitle, and feature list.
📄️ Policy Card
The PolicyCard component is a reusable card for presenting a policy offer with a title, optional icon, description, badge, image, and action link.
📄️ Stats Card
The StatsCard component is a simple card used to highlight a metric, value, and supporting description.