Skip to main content

Text

Use Text for paragraphs, short copy blocks, linked text, and headings when you need direct control over content and HTML tag.

How It Works In Atomicat​

The 3.0 Text drawer edits content with preserved HTML support, uses a tooltip for allowed formatting, includes AI text assistance where available, supports Click Event actions, and exposes a tag dropdown. The same Text system underpins H1 and alert-style text presets, so tag choice and text type matter for both design and semantics.

When To Use It​

  • Write body copy, captions, legal notes, short headings, and inline linked text.
  • Create a custom heading tag when H1/H2/H3 presets are not the right fit.
  • Attach a click event to text when it intentionally behaves like a link.
  • Use as the base element for simple copy before reaching for Advanced Text.

Configure The Element​

  • Enter the text content and keep formatting minimal.
  • Choose the HTML tag based on meaning, not visual size.
  • Use Click Event only for intentional link-like behavior.
  • Style typography, color, alignment, spacing, and responsive values in the style drawer.
  • Use Button for primary actions and Advanced Text for multi-part headings.

Testing Notes​

  • Read the text on mobile after line-height and font-size changes.
  • Check links or click events on the published page.
  • Review heading tags for a logical page outline.

Limitations And Tips​

  • Text can preserve basic HTML, but complex markup belongs in HTML only when necessary.
  • Do not use visual styling alone to fake semantic headings.
  • Long paragraphs reduce landing-page scanability; split copy into shorter blocks.

FAQ​

Can Text be a heading?

Yes. Choose the appropriate tag from the tag dropdown.

Can Text trigger clicks?

Yes. The drawer includes the shared Click Event control.

When should I use Advanced Text instead?

Use Advanced Text for title/subtitle/description structures, separators, shadow text, or title borders.