0.6.19 • Published 1 month ago

@snack-uikit/truncate-string v0.6.19

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
1 month ago

Truncate String

Installation

npm i @snack-uikit/truncate-string

Changelog

Example

<TruncateString
  variant='end'
  placement='top'
  hideTooltip={true}
  text={'Текст'}
  maxLines={2}
/>

TruncateString

Props

nametypedefault valuedescription
text*string-Текст, который будет обрезаться
variant"middle" | "end"endВариант обрезания строки: - End - с конца - Middle - по середине
classNamestring-CSS-класс
hideTooltipboolean-Скрывать ли тултип с полным текстом
maxLinesnumber-Максимальное кол-во строк, до которого может сворачиваться текст.
placementenum 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
0.6.7

5 months ago

0.6.6

6 months ago

0.6.9

5 months ago

0.6.8

5 months ago

0.6.10

5 months ago

0.6.12

5 months ago

0.6.11

5 months ago

0.6.18

4 months ago

0.6.17

4 months ago

0.6.19

2 months ago

0.6.14

4 months ago

0.6.13

4 months ago

0.6.16

4 months ago

0.6.15

4 months ago

0.6.3

7 months ago

0.6.2

7 months ago

0.6.5

6 months ago

0.6.4

7 months ago

0.6.1

8 months ago

0.5.0

9 months ago

0.6.0

9 months ago

0.4.24

10 months ago

0.4.23

10 months ago

0.4.20

12 months ago

0.4.21

10 months ago

0.4.22

10 months ago

0.4.19

1 year ago

0.4.17

1 year ago

0.4.18

1 year ago

0.4.15

1 year ago

0.4.16

1 year ago

0.4.14

1 year ago

0.4.13

1 year ago

0.4.12

1 year ago

0.4.11

1 year ago

0.4.10

1 year ago

0.4.9

1 year ago

0.4.8

1 year ago

0.4.7

1 year ago

0.4.6

1 year ago

0.4.5

1 year ago

0.4.4

2 years ago

0.4.3

2 years ago

0.4.2

2 years ago

0.4.1

2 years ago

0.4.0

2 years ago

0.3.1

2 years ago

0.3.0

2 years ago