| 1 | The `GlTruncate` component lets you truncate the long texts with ellipsis.
|
| 2 |
|
| 3 | > **Tip:** Try resizing the side panel for truncation.
|
| 4 |
|
| 5 | ## Usage
|
| 6 |
|
| 7 | ```html
|
| 8 | <gl-truncate :text="text" :position="position" />
|
| 9 | ```
|
| 10 |
|
| 11 | By default, the ellipsis position is at the `end`.
|
| 12 |
|
| 13 | Pro Tip: Truncating long filepaths from the `middle` / `start` can help preventing the important
|
| 14 | information in the end, i.e. filenames.
|