2 posts
The text-rotate shortcode displays text that rotates through a list of words with an infinite loop animation. It’s great for hero sections, taglines, or adding visual interest to your content. Basic Usage # Use the text-rotate shortcode with one word per line: {{< text-rotate >}} ONE TWO THREE {{< /text-rotate >}} ONE TWO THREE Custom Size # The default size is text-xl. Use the size parameter to change it:
The sentence-rotate shortcode displays a sentence with rotating words appended to the end. Each word can have its own color styling. Basic Usage # Use the sentence-rotate shortcode with a sentence parameter and a list of words with optional color classes. Use daisyUI theme colors for consistent styling: {{< sentence-rotate sentence="Providing AI Agents for" >}} Designers | bg-primary text-primary-content Developers | bg-secondary text-secondary-content Managers | bg-accent text-accent-content {{< /sentence-rotate >}} Providing AI Agents for Designers Developers Managers Custom Size # Use the size parameter to change the text size: