UI Thing

Popover

Displays rich content in a portal, triggered by a button.

Radix-Vue
API Reference

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

npx ui-thing@latest add popover

Anatomy

<template>
  <UiPopover>
    <UiPopoverTrigger />
    <UiPopoverContent>
      <!-- Some markup -->
    </UiPopoverContent>
  </UiPopover>
</template>

Usage

Full example

Pin Input

A sequence of one-character alphanumeric inputs. Useful for PIN codes, verification codes, etc.

Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.