limestone/BodyText

Limestone styled text block components and behaviors.

Loading Live Preview

Members

BodyText Component

A simple text block component, ready to use in Limestone applications.

BodyText may be used to display a block of text and is sized and spaced appropriately for a Limestone application.

Usage:

<BodyText>
 I have a Ham radio. There are many like it, but this one is mine.
</BodyText>

Extends: limestone/BodyTextlimestone/BodyText.BodyTextBase
Wrapped with: limestone/BodyTextlimestone/BodyText.BodyTextDecorator

BodyTextBase Component

A simple text block component.

This component is most often not used directly but may be composed within another component as it is within limestone/BodyTextlimestone/BodyText.BodyText.

Extends: ui/BodyTextui/BodyText.BodyText

Properties

centered

Boolean

Centers the contents.

Applies the centered CSS class which can be customized by /docs/developer-guide/theming//docs/developer-guide/theming/.

css

Object

Customizes the component by mapping the supplied collection of CSS class names to the corresponding internal elements and states of this component.

The following classes are supported:

bodyText - The root class name

noWrap

Boolean

Toggles multi-line (false) vs single-line (true) behavior. noWrap mode automatically enables limestone/Marqueelimestone/Marquee so long text isn't permanently occluded.

Default: false

size

'small''large'

Sets the text size to one of the preset sizes. Available sizes: 'large' (default) and 'small'.

Default: 'large'

BodyTextDecorator Higher-Order Component

Applies Limestone specific behaviors to limestone/BodyTextlimestone/BodyText.BodyTextBase.

Includes: limestone/Skinnablelimestone/Skinnable.Skinnable