Variable: CardAction

@arolariu/components

---

@arolariu/components / CardAction

Variable: CardAction

const CardAction: ForwardRefExoticComponent<CardSectionProps & RefAttributes<HTMLDivElement>>

Defined in: components/ui/card.tsx:163

A compact action slot aligned alongside card header content.

Remarks

Rendering Context: Server- and client-compatible presentational component.

Renders a <div> positioned for buttons, menus, or status badges that should sit at the top edge of the card without disturbing header spacing.

Example

<CardAction>
  <Button size="sm">Manage</Button>
</CardAction>

See

Base UI documentation