UNPKG

@ui5/webcomponents-react

Version:

React Wrapper for UI5 Web Components and additional components

28 lines (27 loc) 1.19 kB
'use client'; import '@ui5/webcomponents/dist/Text.js'; import { withWebComponent } from '@ui5/webcomponents-react-base'; /** * The `Text` component displays text that can be used in any content area of an application. * * ### Usage * * - Use the `Text` if you want to display text inside a form, table, or any other content area. * - Do not use the `Text` if you need to reference input type of components (use ui5-label). * * ### Responsive behavior * * The `Text` component is fully adaptive to all screen sizes. * By default, the text will wrap when the space is not enough. * In addition, the component supports truncation via the `max-lines` property, * by defining the number of lines the text should wrap before start truncating. * * * * __Note:__ This is a UI5 Web Component! [Text UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/Text) | [Repository](https://github.com/UI5/webcomponents) * * @since [2.0.0](https://github.com/UI5/webcomponents/releases/tag/v2.0.0) of __@ui5/webcomponents__. */ const Text = withWebComponent('ui5-text', ['emptyIndicatorMode', 'maxLines'], [], [], []); Text.displayName = 'Text'; export { Text };