CTA-Card

Dark campaign action card with a channel chip, clamped title, optional body preview, primary CTA, optional secondary CTA and centered social proof.

Installation

npx chilli@latest add cta-card

Default

Federal Wildlife Oversight Needed: Idaho Commissioner Charged with Poaching on Federal Land

Dear U.S. Fish & Wildlife Service, I am writing to bring to your attention a serious accountability concern in Idaho wildlife management.

34 people did this

Secondary CTA

Federal Wildlife Oversight Needed: Idaho Commissioner Charged with Poaching on Federal Land

Dear U.S. Fish & Wildlife Service, I am writing to bring to your attention a serious accountability concern in Idaho wildlife management.

34 people did this

Arrow CTA

Federal Wildlife Oversight Needed: Idaho Commissioner Charged with Poaching on Federal Land

Dear U.S. Fish & Wildlife Service, I am writing to bring to your attention a serious accountability concern in Idaho wildlife management.

34 people did this

All Button Variants

Federal Wildlife Oversight Needed: Idaho Commissioner Charged with Poaching on Federal Land

Dear U.S. Fish & Wildlife Service, I am writing to bring to your attention a serious accountability concern in Idaho wildlife management.

34 people did this

Instagram

@camshaw_

!! URGENT !! Yesterday, Trump's "God Squad" voted to exempt oil and gas companies from complying with the #endangeredspeciesact when operating in the Gulf. This puts whales, manatees, sea turtles, queen conchs, and coral reefs at risk of extinction.

34 people did this

@camshaw_

34 people did this

X (Twitter)

@camshaw_

34 people did this

Google Maps review

This is Hampden. We don't work for fascists. We demand you cut all ties with this regime, or get out of our neighborhood.

maps.app.goo.gl/Mudjdcg5c4RLW2RL7

34 people did this

external link

Protect the places this community depends on

Open the campaign resource, read the context, and complete the action from the partner page.

34 people did this

question

Why do you think young people are still left out of major climate decisions?

Share a short answer so the creator can include supporter perspectives in the next update.

34 people did this

call

Call Governor Abbott's office about the Big Bend border wall

Ask the office to respond publicly to the local officials opposing the project.

34 people did this

petition

Sign the petition to protect federal wildlife oversight

Add your name to support stronger enforcement before the next hearing.

34 people did this

All Arrow Variants

Federal Wildlife Oversight Needed: Idaho Commissioner Charged with Poaching on Federal Land

Dear U.S. Fish & Wildlife Service, I am writing to bring to your attention a serious accountability concern in Idaho wildlife management.

34 people did this

Instagram

@camshaw_

34 people did this

@camshaw_

34 people did this

X (Twitter)

@camshaw_

34 people did this

Google Maps review

This is Hampden. We don't work for fascists. We demand you cut all ties with this regime, or get out of our neighborhood.

maps.app.goo.gl/Mudjdcg5c4RLW2RL7

34 people did this

external link

Protect the places this community depends on

Open the campaign resource, read the context, and complete the action from the partner page.

34 people did this

question

Why do you think young people are still left out of major climate decisions?

Share a short answer so the creator can include supporter perspectives in the next update.

34 people did this

call

Call Governor Abbott's office about the Big Bend border wall

Ask the office to respond publicly to the local officials opposing the project.

34 people did this

petition

Sign the petition to protect federal wildlife oversight

Add your name to support stronger enforcement before the next hearing.

34 people did this

API Reference

CtaCard

Prop	Type	Default	Description
`variant`	`"buttons" \| "arrow"`	`"buttons"`	`buttons` renders full-width text CTAs. `arrow` renders social proof with a round chevron CTA.
`type`	`"email" \| "instagram" \| "linkedin" \| "x" \| "google-maps" \| "external-link" \| "question" \| "phone-call" \| "petition"`	`"email"`	Preset that fills the chip, icon, title, preview, media and primary CTA label. Explicit props still override preset values.
`channel`	`string`	`preset channel`	Optional override for the chip label shown in the card header.
`channelIcon`	`ReactNode`	`preset icon`	Optional override for the icon rendered inside the medium chip.
`title`	`string`	`—`	Main action title, clamped to three lines.
`body`	`string`	`—`	Optional preview text below the title. Media presets clamp this to three lines.
`mediaSrc / mediaAlt`	`string`	`preset media when available`	Optional 80×80 media preview used by social and maps variants.
`primaryLabel`	`string`	`preset label`	Primary full-width CTA label. The buttons variant renders an edit icon before the label.
`secondaryLabel`	`string`	`"skip for now"`	Tertiary CTA label rendered below the primary CTA with a trailing arrow.
`socialProof`	`string`	`"34 people did this"`	Centered proof text under the CTA group.
`onPrimaryClick / onSecondaryClick`	`MouseEventHandler<HTMLButtonElement>`	`—`	Click handlers for the primary and optional secondary CTA.
`primaryLoading / secondaryLoading`	`boolean`	`false`	Shows loading state and disables the corresponding CTA.
`className`	`string`	`—`	Additional classes applied to the card shell.