Components
A unified component library for all Articulink products. Use these components to build consistent, accessible interfaces across Portal, Website, Admin, and Screener.
Buttons
Primary, secondary, accent, and icon button variants with all states.
Forms
Inputs, selects, checkboxes, radio buttons, and form layouts.
Cards
Content cards, feature cards, stat cards, and interactive cards.
Badges
Status badges, tags, pills, and notification indicators.
Navigation
Headers, sidebars, tabs, breadcrumbs, and pagination.
Modals
Dialog boxes, confirmations, drawers, and overlays.
Tables
Data tables, lists, and grid layouts with sorting and pagination.
Feedback
Alerts, toasts, progress bars, spinners, and empty states.
Usage Guidelines
Consistency
Use these exact component specifications across all Articulink products to maintain visual consistency.
Accessibility
All components meet WCAG 2.1 AA standards. Maintain focus states, color contrast, and semantic HTML.
Responsiveness
Components adapt to all screen sizes. Test at mobile (375px), tablet (768px), and desktop (1280px).