Text Element
The Text element is the primary component for written content, supporting everything from semantic headings to rich text paragraphs.
Live Preview
Interact with the text elements below to see how they render on the canvas.
Text Preview
Specifications
The Text element provides flexibility for all typographic needs:
- Text Type: Choose between H1-H6 for headings, P for paragraphs, or Inline for spans.
- Rich Text Support: Fully compatible with Custom Rich text editor formatting including bold, links, and text alignments and more.
- Special Effects: Add dynamic effects like Gradients or Highlights using data attributes.
- Animations: Apply entrance animations like fade or slide through the standard animation property.
- Custom Styling: Use Tailwind classes or inline styles to control font families, line heights, and letter spacing.
AI Guidance
How to prompt for Text:
- Add a large H1 heading that says 'Build Faster' with a blue-to-purple gradient.
- Create a text paragraph using the secondary font and a muted color.
- Insert a subheading (H3) with a subtle fade-up animation.