ui/BodyText

Text block component to be customized by a theme or application.

import BodyText from '@enact/ui/BodyText';

Members

BodyTextComponent

A simple, unstyled text block component.

import BodyText from '@enact/ui/BodyText';

BodyTextBaseComponent

A simple, unstyled text block component, without BodyTextDecorator applied.

import {BodyTextBase} from '@enact/ui/BodyText';
Properties
centered
Boolean

Centers the contents.

Applies the centered CSS class which can be customized by theming.

Default: false
component
Component

The type of component to use to render the item. May be a DOM node name (e.g 'div', 'p', etc.) or a custom component.

Default: 'p'
componentRef
ObjectFunction

Called with a reference to the root component.

When using ui/BodyText.BodyText, the ref prop is forwarded to this component as componentRef.

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

  • centered - Applied when centered prop is true

BodyTextDecoratorHigher-Order Component

Applies BodyText behaviors.

import {BodyTextDecorator} from '@enact/ui/BodyText';
ArrayBooleanFunctionModuleNumberObjectString