Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
58 lines (48 sloc) 3.64 KB

pt-form

Этот паттерн используется для представления информации, требующей ввода данных или выбора настроек, для дальнейшей отправки.

{
	block: 'pt-form',
	content: [
	{
		elem: 'item'
	},
	{
		elem: 'item'
	},
	{
		elem: 'item'
	}]
}
Модификаторы Значение Описание
border all Обводка всей формы
shadow cloud Тень от формы
view default / ghost Фон

Элемент item

Каждый логический блок формы – элемент item. Их вложенность может быть любой глубины. Пример

Модификаторы элементаitem Значение Описание
border all / bottom / top Обводка
distribute default / between / right Распределение контента по горизонтали
vertical-align default / center / baseline Выравнивание конента по вертикали
indent-a xs / s / m / l / xl / xxl / xxxl Внешние отступы по всем сторонам
indent-h xs / s / m / l / xl / xxl / xxxl Внешние отступы по горизонтали
indent-v xs / s / m / l / xl / xxl / xxxl Внешние отступы по вертикали
indent-t xs / s / m / l / xl / xxl / xxxl Внешний отступ сверху
indent-r xs / s / m / l / xl / xxl / xxxl Внешний отступ справа
indent-b xs / s / m / l / xl / xxl / xxxl Внешний отступ снизу
indent-l xs / s / m / l / xl / xxl / xxxl Внешний отступ слева
space-a xs / s / m / l / xl / xxl / xxxl Внутренние отступы по всем сторонам
space-h xs / s / m / l / xl / xxl / xxxl Внутренние отступы по горизонтали
space-v xs / s / m / l / xl / xxl / xxxl Внутренние отступы по вертикали
space-t xs / s / m / l / xl / xxl / xxxl Внутренний отступ сверху
space-r xs / s / m / l / xl / xxl / xxxl Внутренний отступ справа
space-b xs / s / m / l / xl / xxl / xxxl Внутренний отступ внизу
space-l xs / s / m / l / xl / xxl / xxxl Внутренний отступ слева

Элементы label и controls

Используются в паре, когда лейбл и контрол должны стоять в одну строку. В случае, когда лейбл находится над контролом, обёртки не нужны.

Модификаторы элемента label Значение Описание
width default / inverse Ширина элемента 35% / 65% относительно строки