Skip to main content

React components

Modal component

The modal component is great for focusing a user’s attention on important information in a dialog interface separate from the rest of the content on the page.

Tour​

Tour item component

The tour component is a great way to guide your user through new, undiscovered, or updated product features.

Checklist​

Checklist component

The checklist component is a great way to get your users up and running in your product.

Card​

Card component

The card component is an embedded UI element that is great for announcing updates or give users timely warnings and alerts.

Rich text​

Use our rich text components to render rich text content within your product.

Frameworks​

Framework-specific guides on how to use Dopt's React components in Next.js, Remix, webpack, and more.

Styling & theming​

Styling and theme Dopt React components so they look and feel like they're part of your product.

Tokens​

Use our flexible theme tokens to easily style components.