Skip to content
Paramanu v0.1.0-alpha.0

Truncate

Truncate clips text overflow with an ellipsis. Supports single-line and multi-line truncation with configurable position.

Basic Usage

This is a very long text that should be truncated with an ellipsis at the end. 
import { Truncate } from "@paramanu/typography-react"


export default function App() {
return (
  <Truncate style={{ width: 300 }}>
    This is a very long text that should be truncated with an ellipsis at the end.
  </Truncate>
)
}
<div class="pm-truncate pm-truncate--lines-1" style="width: 300px;">
This is a very long text that should be truncated with an ellipsis at the end.
</div>