Registry Index

Search the catalog

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

ComponentReactregistry:component1 dependency

Icon Swap Button

icon-swap-button

A leading icon slides out as an arrow opens in to take its place, trading without changing the button's width.

@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/icon-swap-button
@microkit

More from @microkit

All 49 items
Sliding Underline Tabs
sliding-underline-tabs
Component
Circle Surface Button
circle-surface-button
Component
Social Icon Buttons
social-icon-buttons
Component
Contact Reveal Button
contact-reveal-button
Component
Staggered Letter Glow Button
staggered-letter-glow-button
Component
Cursor Edge Glow Button
cursor-edge-glow-button
Component
Subscribe Shine Button
subscribe-shine-button
Component
Expanding Contact Button
expanding-contact-button
Component