ComponentsExpandable Tab

Interactive Component

Expandable Tab

A destructive action button that requires the user to press and hold to confirm deletion. Shows a progress bar during the hold duration with smooth state transitions.

Installation

npx shadcn@latest add https://atomixui.mihircodes.in/registry/expandable-tab

How to use

'use client';

import { ExpandableTab } from '@/components/atomixui/expandable-tab';

const ExpandableTabDemo = () => {
    return (
        <div className="bg-[#f4f4f5] relative w-full p-3 text-zinc-900 flex items-center justify-center h-dvh">
            <ExpandableTab />
        </div>
    );
};

export { ExpandableTabDemo };
profile
upgrade
projects
documentation
logout