Folder

A folder on the canvas that holds blocks: a back panel with a tab, up to three blocks peeking up as cards, a frosted flap with its name and count; fans on hover, opens wide when a block is dragged over, swings shut when one lands; six paper.

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Files

• packages/metalui/src/components/folder/folder.tsx
• packages/metalui/src/components/label/label.tsx

Source

https://github.com/vijayksingh/metalui

More from Metal UI

• Accordion
• Alert dialog
• Attachment
• Avatar
• AI composer
• Availability picker
• Settings
• Share panel
• Block silhouette
• Studio week
• Task inbox
• Breadcrumbs