Tweet Card

A presentational tweet-style card. Pass your own name, handle, avatar, and text— or use the SonoJS defaults.

Static card with the bundled @_sonojs avatar and Introducing SonoJS copy.

Loading…

Installation

CLI

npx @sonojs/ui@latest add tweet-card

page.tsx

import { TweetCard } from "@/components/tweet-card"

export default function Page() {
  return <TweetCard />
}

Prop	Type	Default	Description
name	string	"SonoJS"	Display name.
handle	string	"_sonojs"	Handle without `@`.
avatar	string	bundled avatar	Profile image URL.
text	ReactNode	Introducing SonoJS…	Tweet body content.
profileUrl	string	"https://x.com/_sonojs"	Link for the avatar and name.
href	string	Introducing post URL	Link for the X icon.
verified	boolean	true	Show the verified badge.
className	string	—	Extra classes on the card root.