import Props from '@ionic-internal/component-api/v8/text/props.md'; import Events from '@ionic-internal/component-api/v8/text/events.md'; import Methods from '@ionic-internal/component-api/v8/text/methods.md'; import Parts from '@ionic-internal/component-api/v8/text/parts.md'; import CustomProps from '@ionic-internal/component-api/v8/text/custom-props.mdx'; import Slots from '@ionic-internal/component-api/v8/text/slots.md';

import EncapsulationPill from '@components/page/api/EncapsulationPill';

The text component is a simple component that can be used to style the text color of any element. The ion-text element should wrap the element in order to change the text color of that element.

import Basic from '@site/static/usage/v8/text/basic/index.md';

The text component can be customized by changing any of the default colors Ionic provides.