@gitlab/ui
Version:
GitLab UI Components
18 lines (10 loc) • 417 B
Markdown
# Truncate
The `GlTruncate` component lets you truncate the long texts with ellipsis.
<!-- STORY -->
_Tip: Try resizing the side panel for truncation_
## Usage
```html
<gl-truncate :text="text" :position="position" />
```
By default, the ellipsis position is at the `end`.
Pro Tip: Truncating long filepaths from the `middle` / `start` can help preventing the important information in the end, i.e. filenames.