Toast

The result of a person's own action, with Undo: a 44 tall pill in the colorway at the bottom centre. Results stack as a deck in depth, newest in front; pointing fans it out, a swipe dismisses, a repeat counts. Built on Base UI Toast. Retain.

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.8.0

Files

• packages/metalui/src/components/toast/toast.tsx
• packages/metalui/src/icons/Icon.tsx
• packages/metalui/src/icons/catalog.generated.ts
• packages/metalui/src/icons/icons.generated.css
• packages/metalui/src/icons/tick.generated.ts
• packages/metalui/src/components/kbd/kbd.tsx
• packages/metalui/src/icons/MorphIcon.tsx
• packages/metalui/src/icons/morph.ts

Source

https://github.com/vijayksingh/metalui

Categories

• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• Animated Overlay Components
• Toast Components
• React Toast Components
• Tailwind CSS Toast Components
• Animated Toast Components

More from Metal UI

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