Custom Component

Headline Banner

"BIG NEWS!" breaking-news alert banner with severity levels and dismiss.

Preview

BIG NEWS!Straw Hat Luffy declared Fifth Emperor!

UPDATENew trade route opens

BULLETINFair skies across East Blue

npx shadcn@latest add https://newspapercn-ui.vercel.app/r/headline-banner.json

Prop	Type	Default	Description
`headline`	`string`	—	Main news text
`prefix`	`string`	`"BIG NEWS!"`	Prefix label
`variant`	`"banner" \| "toast" \| "ticker"`	`"banner"`	Display variant
`severity`	`"breaking" \| "update" \| "bulletin"`	`"breaking"`	Color severity
`dismissible`	`boolean`	`false`	Show dismiss button

This is a custom newspapercn-ui component.