@wordpress/components
Version:
UI components for WordPress.
47 lines (42 loc) • 1.26 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@wordpress/element";
/**
* External dependencies
*/
/**
* Internal dependencies
*/
import { contextConnect } from '../ui/context';
import { View } from '../view';
import useTruncate from './hook';
function UnconnectedTruncate(props, forwardedRef) {
const truncateProps = useTruncate(props);
return createElement(View, _extends({
as: "span"
}, truncateProps, {
ref: forwardedRef
}));
}
/**
* `Truncate` is a typography primitive that trims text content.
* For almost all cases, it is recommended that `Text`, `Heading`, or
* `Subheading` is used to render text content. However,`Truncate` is
* available for custom implementations.
*
* ```jsx
* import { __experimentalTruncate as Truncate } from `@wordpress/components`;
*
* function Example() {
* return (
* <Truncate>
* Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex
* neque, vulputate a diam et, luctus convallis lacus. Vestibulum ac
* mollis mi. Morbi id elementum massa.
* </Truncate>
* );
* }
* ```
*/
export const Truncate = contextConnect(UnconnectedTruncate, 'Truncate');
export default Truncate;
//# sourceMappingURL=component.js.map