UI Components
Testing ground for InfiniteCV UI components
W/ chevron
Origin UI focuses on developer experience and performance. Built with TypeScript, it offers excellent type safety, follows accessibility standards, and provides comprehensive documentation with regular updates.
Use our CSS variables for global styling, or className and style props for component-specific changes. We support CSS modules, Tailwind, and dark mode out of the box.
Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.
All components follow WAI-ARIA standards, featuring proper ARIA attributes, keyboard navigation, and screen reader support. Regular testing ensures compatibility with NVDA, VoiceOver, and JAWS.
Alert Components
Warning Alert
Some information is missing!
Error Alert
An error occurred!
Success Alert
Completed successfully!
Complex Error Alert
Password does not meet requirements:
- Minimum 8 characters
- Include a special character
Avatar Components
Avatar with Fallback (No Image)
CV
Used when user hasn't uploaded a profile image
Avatar with Image
Used when user has uploaded a profile image
Badge Components
Basic Badges
Default
Primary
Success
Warning
Error
Outline
Dot Badges
Online
Active
Pending
Offline
Cookie Consent
We use cookies to improve your experience, analyze site usage, and show personalized content.
Pagination
Page 1 of 5
Date Picker
January 2024
Built with React DayPicker concept