Components
Flux Pro component
This component is only available in the Pro version of Flux.

Card

A container for related content, such as a form, alert, or data list.

Log in to your account
Welcome back!
Email
Password Forgot password?
Copy to clipboard

Small card

Use the small card variant for compact content like notifications, alerts, or brief summaries.

Copy to clipboard

Header actions

Use the button component to add actions to the header.

Are you sure?

Your post will be deleted permanently.

This action cannot be undone.

Copy to clipboard

Simple card

Let's be honest, a card is just a div with a border and some padding.

Are you sure?

Your post will be deleted permanently.

This action cannot be undone.

Copy to clipboard

Reference

flux:card

Slot
Description
default
Content to display within the card. Can include headings, text, forms, buttons, and other components.
CSS
Description
class
Additional CSS classes applied to the card. Common uses: space-y-6 for spacing between child elements, max-w-md for width control, p-0 to remove padding.
Attribute
Description
data-flux-card
Applied to the root element for styling and identification.
Copyright © 2025 Wireable LLC ·Terms of Service
Built with by
Caleb Porzio and Hugo Sainte-Marie