Scalable design system based on BEM
Patterns/pt-table
Модификатор
Значение
Описание
default / ghost / inverse
Фона блока
all
Бордер блока
even / odd
Зебрирование таблицы
xs / s / m / l
Внутренние отступы ячеек
__row
Модификатор
Значение
Описание
top / bottom
Бордер строки
head
Применение стилей шапки
default / error / success / warning
Отображение статуса цветной полоской слева
__col
Модификатор
Значение
Описание
right
Горизонтальное выравнивание внутри ячейки
5 - 100 с шагом 5
Ширина ячейки
View
{
block: 'pt-table',
mods: { view: 'default' },
content: []
}
cat
origin
coat
country
British
Natural
Long
United Kingdom
Munchkin
Mutation
United States
Maine Coon
Natural
Long
United States
Russian Blue
Natural
Short
Russia
Scottish Fold
Natural
Short
Scotland
Borders
{
block: 'pt-list',
mods: { border: 'all' }
content: []
}
cat
origin
coat
country
British
Natural
Long
United Kingdom
Munchkin
Mutation
United States
Maine Coon
Natural
Long
United States
Russian Blue
Natural
Short
Russia
Scottish Fold
Natural
Short
Scotland
Stripe
{
block: 'pt-table',
mods: { stripe: 'even' }
content: []
}
cat
origin
coat
country
British
Natural
Long
United Kingdom
Munchkin
Mutation
United States
Maine Coon
Natural
Long
United States
Russian Blue
Natural
Short
Russia
Scottish Fold
Natural
Short
Scotland
Inside space
{
block: 'pt-table',
mods: { 'space-h': 's', 'space-v': 'l' }
content: []
}
cat
origin
coat
country
British
Natural
Long
United Kingdom
Munchkin
Mutation
United States
Maine Coon
Natural
Long
United States
Russian Blue
Natural
Short
Russia
Scottish Fold
Natural
Short
Scotland
elem: 'row'
Border
{
block: 'pt-table',
mods: { view: 'default', 'space-a': 's' },
content: [
{
elem: 'row',
elemMods: { border: 'bottom' },
content: []
}]
}
British
Natural
Long
United Kingdom
Munchkin
Mutation
United States
Maine Coon
Natural
Long
United States
Russian Blue
Natural
Short
Russia
Scottish Fold
Natural
Short
Scotland
View
{
block: 'pt-table',
mods: { view: 'default', 'space-a': 's' },
content: [
{
elem: 'row',
elemMods: { view: 'head' },
content: []
}]
}
cat
origin
coat
country
British
Natural
Long
United Kingdom
Munchkin
Mutation
United States
Maine Coon
Natural
Long
United States
Russian Blue
Natural
Short
Russia
Scottish Fold
Natural
Short
Scotland
Status
{
block: 'pt-table',
mods: { view: 'default', 'space-a': 's' },
content: [
{
elem: 'row',
elemMods: { status: 'success' },
content: []
}]
}
cat
origin
coat
country
British
Natural
Long
United Kingdom
Munchkin
Mutation
United States
Maine Coon
Natural
Long
United States
Russian Blue
Natural
Short
Russia
Scottish Fold
Natural
Short
Scotland
elem: 'col'
Align
{
block: 'pt-table',
mods: { view: 'default', 'space-a': 's' },
content: [
{
elem: 'row',
content: [
{
elem: 'col'
elemMods: { align: 'right' }
content: []
}]
}]
}
British
Natural
Long
United Kingdom
Munchkin
Mutation
United States
Maine Coon
Natural
Long
United States
Russian Blue
Natural
Short
Russia
Scottish Fold
Natural
Short
Scotland
Width
{
block: 'pt-table',
mods: { view: 'default', 'space-a': 's' },
content: [
{
elem: 'row',
content: [
{
elem: 'col'
elemMods: { width: '35' }
content: []
}]
}]
}
British
Natural
Long
United Kingdom
Munchkin
Mutation
United States
Maine Coon
Natural
Long
United States
Russian Blue
Natural
Short
Russia
Scottish Fold
Natural
Short
Scotland