VKCOM/VKUI

[Feature]: Создать утилитарный компонент `EllipsisText`

inomdzhon opened this issue · 2 comments

inomdzhon commented

Описание

Note

Название черновое.

Задача компонента, через CSS, убирать текст не помещающийся в ширину контейнера в многоточие.

Параметры

Должен принимать Component, getRootRef и другие валидные DOM свойства. Проще всего использовать RootComponent и наследовать его интерфейс RootComponentProps.

Скриншоты

<Group header={<Header>Игры</Header>}>
  <HorizontalScroll>
    <div style={{ display: 'flex' }}>
      <HorizontalCell onClick={() => {}} size="m" header="Warma-geddon">
        <Image
          size={88}
          borderRadius="l"
          src={'https://sun9-45.userapi.com/c846418/v846418215/5cf20/Gd9mQ6dVXTw.jpg'}
        />
      </HorizontalCell>
      <HorizontalCell onClick={() => {}} size="m" header="Golden Valley">
        <Image
          size={88}
          borderRadius="l"
          src={'https://sun9-71.userapi.com/c849220/v849220453/147ade/0MtQXKEVsiQ.jpg'}
        />
      </HorizontalCell>
    </div>
  </HorizontalScroll>
</Group>
image
akcent1132 commented

Я бы хотел взять эту задачу.

  • ❤️1