ui/BodyText

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

Import Usage

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

Members

BodyText   Component

A simple, unstyled text block component.

Import Usage

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

Extends: ui/BodyTextui/BodyText.BodyTextBase
Wrapped with: ui/BodyTextui/BodyText.BodyTextDecorator

BodyTextBase   Component

A simple, unstyled text block component, without ui/BodyTextui/BodyText.BodyTextDecorator applied.

Import Usage

import {BodyTextBase} from '@enact/ui/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/.

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/BodyTextui/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

BodyTextDecorator   Higher-Order Component

Applies BodyText behaviors.

Import Usage

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

Includes: ui/ForwardRefui/ForwardRef.ForwardRef