Таблицы и табличные данные с вводом значений

Десктоп и Планшет

На десктопе и планшете используется классическая таблица вида «параметр / значение». 

Колонки таблицы выравниваются по модульной сетке
Иконка удаления строки центрируется по полю ввода
Кнопка добавления строки medium button с иконкой
Заголовок таблицы — plain text bold. Наполнение — plain text

 

 

 X1X2X3X4X5X6
Десктоп 20 4 20 не менее 20

зависит от вводимого текста

50
Планшет 20 4 20 не менее 15  45

 


 

Размер 15x15
HEX: #0063B0
RGB: 0,99,176


 

Цвет линеек
HEX: #C8C7CC
RGB: 200,199,204


 

 

 


Смартфон

На смартфоне используется адаптивный вид таблицы с вертикальным расположением содержимого.
Строки модульно идут друг за другом, значения строк выстраиваются в вертикальную полосу, каждое значение подписывается.
Иконка удаления строки центрируется по полю ввода Кнопка добавления строки medium button с иконкой
Заголовок таблицы — plain text bold.

 

 

 X1X2X3X4
Смартфон 20 15  280 15
Лайткуб