Inline

Span

Styled text inside text; raised or lowered (superscript, subscript) with verticalAlign.

import { Span } from "@hyper-elements/react";

Reference

Styled text inside text; raised or lowered (superscript, subscript) with verticalAlign.

Holds: text; PageNumber, Span, Link, LineBreak, MergeTag. Drawn in: email, page.

style:

  • color: color (inherited)
  • fontFamily: fontFamily (inherited)
  • fontSize: a length (a number of px) (inherited)
  • fontWeight: fontWeight (inherited)
  • fontStyle: one of “normal”, “italic” (inherited)
  • letterSpacing: a length (a number of px) (inherited)
  • textTransform: one of “none”, “uppercase”, “lowercase”, “capitalize” (inherited)
  • textDecoration: one of “none”, “underline”, “line-through”
  • backgroundColor: color
  • verticalAlign: one of “baseline”, “super”, “sub”. “super”: superscript (®, a footnote mark); “sub”: subscript; as CSS vertical-align.

mobile (on phones): fontSize, letterSpacing.