Lyse UI GitHub

ActionCard

The ActionCard component is a horizontal card that pairs descriptive content with a trailing action. It provides a clean layout for settings rows, integration lists, or any item that requires an inline action.

Add to v0.dev

Integrations

Connect your tools.

tsx

Default

Displays an icon, title, description, and an optional trailing action.

Integrations

Connect your favorite tools.

Security

Enable two-factor authentication.

With Toggle

Pass a Toggle in the action slot for settings-style rows.

Notifications

Get notified on new activity.

Two-factor auth

Require 2FA on login.

With Label

Displays trailing text instead of an action. Useful for status or metadata.

Figma

Sync designs automatically.

Coming soon

API access

Programmatic access to your workspace.

Pro plan