Component library

Showing 2 components on instagram · intent event.

<InstagramSquarePost>

instagramsquarereleaseproduct-updateblogcase-studyeventmilestonePosts

Convenience layout: Instagram 1:1 post with optional hero image.

When to use: Visual-first announcements and blog promos on Instagram.

Preview

Instagramsquare

New blog

Five inboxes touch every invoice

How finance teams map manual handovers before automating.

Prop	Type	Notes
headline	string	Required. Post headline.
body	ReactNode	Optional. Optional supporting copy.
eyebrow	string	Optional. Optional category label.
mediaSrc	string	Optional. Optional hero image URL.
mediaAlt	string	Optional. Hero image alt text.

Examples

<InstagramSquarePost
  eyebrow="New blog"
  headline="Five inboxes touch every invoice"
  body="How finance teams map manual handovers before automating."
/>

<InstagramPortraitPost>

instagramportraitblogcase-studyeventthought-leadershipPosts

Convenience layout: Instagram 4:5 portrait post.

When to use: Longer copy or stacked headline + image on Instagram.

Preview

Instagramportrait

Case study

Acme cut invoice triage from 38 minutes to 4

Three-way matching between invoices, POs, and goods receipts.

Prop	Type	Notes
headline	string	Required. Post headline.
body	ReactNode	Required. Post body copy.
eyebrow	string	Optional. Optional category label.
mediaSrc	string	Optional. Optional hero image URL.
mediaAlt	string	Optional. Hero image alt text.

Examples

<InstagramPortraitPost
  eyebrow="Case study"
  headline="Acme cut invoice triage from 38 minutes to 4"
  body="Three-way matching between invoices, POs, and goods receipts."
/>