У меня есть карточка, которая содержит только текст. Я хотел бы ограничить количество строк, которые могут отображаться, и полный текст появится после расширения карты. Я нашел только одно решение, которое сделало это, используя css. https://jsfiddle.net/0of7c9wm/
#module #collapseExample.collapse:not(.show) {
display: block;
height: 6rem;
overflow: hidden;
}
#module #collapseExample.collapsing {
height: 3rem;
}
#module a.collapsed::after {
content: '+ Show More';
}
#module a:not(.collapsed)::after {
content: '- Show Less';
}
Я новичок в использовании дизайна материалов, и я не уверен, как правильно решить эту проблему. Есть ли способ решить эту проблему с помощью компонентов пользовательского интерфейса (например, складных).
Заранее спасибо.