Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:component1 dependency

Next Dot Fill Button

next-dot-fill-button

A bordered pill whose leading dot expands into a solid fill while the label swaps for an arrow cue.

@microkitRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/next-dot-fill-button
@microkit

More from @microkit

All 49 items
Icon Swap Button
icon-swap-button
Component
Layered Gradient Button
layered-gradient-button
Component
Neon Invert Button
neon-invert-button
Component
Next Reveal Button
next-reveal-button
Component
Outline Wipe Button
outline-wipe-button
Component
Preview Hover Toolbar
preview-hover-toolbar
Component
Project Text Swap Button
project-text-swap-button
Component
Read More Swap
read-more-swap
Component