Tooltip

A brief label that appears on hover to explain an element

+-------------------+
| Tooltip text      |
+-------------------+
        ^
   ( trigger )

DETAILS

categoryOverlay / Modalsizinghugsourceshadcnslugtooltip

Related in Overlay / Modal

+---------------------------+
| Are you sure?             |
| This cannot be undone.    |
|                           |
| [ Cancel ]   [ Confirm ]  |
+---------------------------+

Alert Dialog

+-------------------+
| Copy              |
| Paste             |
| - - - - - - - - - |
| Delete            |
+-------------------+

Context Menu

+-----------------------------+
| Dialog Title                |
| Dialog content goes here    |
|                             |
| (~ ~)  [ Cancel ] [ Save ]  |
+-----------------------------+

Dialog

(~ content ~) [ - - drawer - - ]
(~ content ~) [ label: (input) ]
(~ content ~) [ label: (input) ]
(~ content ~) [ (~ ~) [ Save ] ]

Drawer