CardActions · Glowup

FOUNDATIONS · 08 / 89

CardActions

CardActions — a Material You foundations component for React Native and web.

󱀫

packages/ui/src/components/CardParts/CardActions.tsx

Live demo

󰄜

360

󰓶

720

󰍹

Full

Line 4

Confirm the service call

Properties

1 control

Align

Usage

CardActions.tsx

Variants

The states and shapes this component is meant to be used in.

Alignment

Actions sit at the end by default — the position a reader's thumb and eye both end up.

align="end"

align="start"

align="space-between"

In a whole card

Quarterly report

Published 3 days ago

All four parts in one composition: cover, header, body, action row.

API reference

Generated from the library's TypeScript, so it cannot drift from the implementation.

Props

3 on CardActionsProps

children

required

React.ReactNode

align

"start" | "end" | "space-between"

default: "end"

Where the buttons sit on the row. M3 puts card actions on the right.

style

StyleProp<ViewStyle>