Registry Index

Search the catalog

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

ComponentReactregistry:componentSelf-contained

Contact Details Reveal

contact-details-reveal

A compact white contact label that shifts upward to reveal muted contact details with an orange accent.

@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/contact-details-reveal
@microkit

More from @microkit

All 49 items
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
Secure Purchase Button
secure-purchase-button
Component
Sliding Arrow Label
sliding-arrow-label
Component
Sliding Send Button
sliding-send-button
Component