Text Cascade

Documentation Index

Fetch the complete documentation index at: /llms.txt. Use this file to discover all available pages before exploring further.

Roll a changing string one letter at a time.

text-cascade-demo

Overview

Text Cascade is a text-first wrapper around Action Swap's letter transition. Use it for a short changing word or phrase inside a stable sentence or label.

Installation

npx honestui@latest add text-cascade

Usage

import { TextCascade } from "@/components/animated/text-cascade"

<TextCascade text={activeWord} />

Accessibility

Assistive technology receives the complete string, not its animated letter fragments. Avoid rapidly cycling text that contains instructions or critical status.

API Reference

PropTypeDefaultDescription
text*stringCurrent text; changing it starts the cascade.
classNamestringClass applied to the text slot.