Components
Loading preview...
This component is a row comparison table with dynamic selection controls, designed using Shadcn UI. Each row in the table has a "Compare" button that toggles to "Remove" once selected, giving users a clear and intuitive way to pick rows for side-by-side comparison. The destructive variant is styled in bold red with white text, making removal actions highly visible and easy to distinguish, while the unselected rows maintain a subtle outline style for balance. This design works seamlessly across light and dark themes, ensuring consistent usability. The component is practical for scenarios like comparing user accounts, financial data, or product attributes, and its toggle-based interaction makes it both efficient and reusable for many applications.