Decorated Text

a decorative text frame with corner accents and a compact entrance effect.

Installation

npx shadcn@latest add @scrollxui/decorated-text

import { DecoratedText } from '@/components/ui/decorated-text';

<DecoratedText className='text-4xl font-bold'>DecoratedText</DecoratedText>

a decorative text frame with corner accents and a compact entrance effect.

Property	Type	Default	Description
`text`	string	`-`	Text content to display. If omitted, children will be used.
`children`	ReactNode	`-`	React node content rendered when text is not provided.
`className`	string	`-`	Custom classes for styling the root element.
`bordered`	boolean	`true`	Toggles the border around the text.
`showIcons`	boolean	`true`	Controls visibility of corner icons.
`iconClassName`	string	`-`	Custom classes for styling each corner icon.
`glowEffect`	boolean	`true`	Enables the hover glow animation on the frame.
`flicker`	boolean	`true`	Controls the entrance flicker animation.