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'
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