A demonstration component showcasing various button sizes, including standard text labels and square icon-only buttons, organized with separators for clear visual comparison.
A custom button component variant featuring a circular shape style, built with Tailwind CSS and integrated with shadcn/ui button primitives.
A custom button component using a render prop pattern to integrate Framer Motion for interactive scale animations upon press.
A functional link component styled with primary button variants using Tailwind CSS, designed for consistent navigation and call-to-action styling across the application.
A collection of styled buttons featuring various intent-based variants like primary, secondary, warning, success, and danger, integrated with Heroicons for visual labeling.
A button component featuring a danger intent style with an integrated Heroicon, designed for consistent action-oriented UI interactions.
A simple button component variant demonstrating a disabled state with a non-interactive appearance, built using standard UI button primitives.
A basic interactive button component built with React that triggers an alert on click, featuring a clean, minimalist design suitable for standard UI actions.
A horizontal button group component that clusters multiple buttons together with shared borders, providing a unified interface for related actions.
A functional toggle component that switches between 'Pin' and 'Unpin' states based on user interaction, utilizing a render prop pattern for dynamic label updates.
A disabled link component that prevents user interaction while maintaining a consistent visual style, built with Tailwind CSS for accessible navigation control.
A collection of link components styled as buttons using shared utility classes, featuring various visual intents like outline and plain styles with optional circular shapes.
Select an Item to view its code
Choose an item from the list to view its code and files.