RetroFolderTag
The Mac OS 9 folder tag: the tab of a pop-up window, holding a small icon and the folder name. Active and inactive states, and tabs that sit on top of or hang below their window.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-folder-tag.json"
Setup: installing any component also installs nostalgia-theme (the --os9-* tokens and os9-* utilities) via registryDependencies. To add the theme on its own: npx shadcn@latest add https://nostalgia-ui.com/r/nostalgia-theme.json
Import
import { RetroFolderTag } from "@/components/ui/retro-folder-tag"Usage
<RetroFolderTag icon={<RetroIconFolder size="sm" />}>Documents</RetroFolderTag>
<RetroFolderTag active={false}>Applications</RetroFolderTag>
<RetroFolderTag side="top">Downloads</RetroFolderTag>States
Pop-up Window
Letter
Budget
Old Stuff
Docked at the Screen Edge
Collapsed pop-up windows line up as tags along the bottom of the desktop. Click one to pop its window open.