UNPKG

@gitlab/ui

Version:

GitLab UI Components

gitlab.com/gitlab-org/gitlab-ui

15 lines (9 loc) • 394 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
The `GlTruncate` component lets you truncate the long texts with ellipsis. > **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.