Registry Index

Search the catalog

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

ComponentReactregistry:componentSelf-contained

Sliding Send Button

sliding-send-button

A bordered share pill whose label glides right as an orange send icon enters from the left.

@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/sliding-send-button
@microkit

More from @microkit

All 49 items
Project Text Swap Button
project-text-swap-button
Component
Read More Swap
read-more-swap
Component
Secure Purchase Button
secure-purchase-button
Component
Sliding Arrow Label
sliding-arrow-label
Component
Blur Glide Menu
blur-glide-menu
Component
Social Highlight Cards
social-highlight-cards
Component
Contact Details Reveal
contact-details-reveal
Component
Spotlight Indicator
spotlight-indicator
Component