@snack-uikit/truncate-string v0.6.19
Truncate String
Installation
npm i @snack-uikit/truncate-string
Example
<TruncateString
variant='end'
placement='top'
hideTooltip={true}
text={'Текст'}
maxLines={2}
/>
TruncateString
Props
name | type | default value | description |
---|---|---|---|
text* | string | - | Текст, который будет обрезаться |
variant | "middle" | "end" | end | Вариант обрезания строки: - End - с конца - Middle - по середине |
className | string | - | CSS-класс |
hideTooltip | boolean | - | Скрывать ли тултип с полным текстом |
maxLines | number | - | Максимальное кол-во строк, до которого может сворачиваться текст. |
placement | enum Placement: "left" , "left-start" , "left-end" , "right" , "right-start" , "right-end" , "top" , "top-start" , "top-end" , "bottom" , "bottom-start" , "bottom-end" | - | Положение тултипа относительно обрезанного текста. |
Troubleshooting
Если компонент работает некорректно, проверь:
<TruncateString />
должен лежать в органиченном по ширине контейнере, иначе он не сможет правильно высчитывать обрезание.- если с ограничением по ширине тоже возникают проблемы, можно попробовать задать на компоненте-обёртке св-во display: grid
7 months ago
4 months ago
4 months ago
3 months ago
18 days ago
2 months ago
7 months ago
7 months ago
15 days ago
4 months ago
23 days ago
1 month ago
7 months ago
4 months ago
7 months ago
5 months ago
4 months ago
6 months ago
5 months ago
5 months ago
5 months ago
5 months ago
3 months ago
4 months ago
7 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
3 months ago
3 months ago
1 month ago
4 months ago
4 months ago
3 months ago
3 months ago
2 months ago
4 months ago
1 month ago
4 months ago
18 days ago
5 months ago
7 months ago
4 months ago
1 month ago
4 months ago
5 months ago
29 days ago
5 months ago
4 months ago
4 months ago
6 months ago
7 months ago
5 months ago
6 months ago
4 months ago
7 months ago
21 days ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
9 months ago
9 months ago
10 months ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
11 months ago
10 months ago
9 months ago
12 months ago
12 months ago
1 year ago
9 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago