UI Utility Components

Small utility components for theme switching, navigation aids, newsletter capture, and pagination.

ThemeToggle

UI

Dark/light mode toggle button with sun/moon icons.

<ThemeToggle />

ScrollToTop

UI

Scroll-to-top button with circular progress indicator. Appears after scrolling down.

This component renders a fixed-position button that appears when you scroll down the page. It shows a circular SVG progress ring around an up-arrow icon. 

<ScrollToTop />

NewsletterForm — Inline

UI

Inline email subscribe form for embedding in content areas.

Stay in the loop

Get the latest from Defused.

<NewsletterForm variant="inline" heading="Stay in the loop" />

NewsletterForm — Banner

UI

Full-width banner variant with dark background.

Subscribe to Defused

Free daily digest. No spam.

<NewsletterForm variant="banner" heading="Subscribe" />

LoadMoreButton

UI

Pagination button for infinite scroll or manual page loading.

Load more stories
<LoadMoreButton nextPageUrl="/page/2/" label="Load more" />