Registry Index

Search the catalog

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

ComponentReactregistry:componentSelf-contained

Secure Purchase Button

secure-purchase-button

A purchase button that opens room for a pixel-wave loader, swaps it for a shield once the payment clears, then resets itself.

@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/secure-purchase-button
@microkit

More from @microkit

All 49 items
Projects Arrow Button
projects-arrow-button
Component
Scrub Number Field
scrub-number-field
Component
See More Swap Button
see-more-swap-button
Component
Sliding Content Tabs
sliding-content-tabs
Component
Aurora Download Button
aurora-download-button
Component
Sliding Underline Tabs
sliding-underline-tabs
Component
Circle Surface Button
circle-surface-button
Component
Social Icon Buttons
social-icon-buttons
Component