Footer 🔗

Подвал, который обычно размещается в конце страниц или других элементов
(Компонент на основе Section)

Пример использования:

Исходный код для примера выше:

<Footer align="center" contentWidth="100%" padding={{ x: 1 }}>
	<Grid m={3} s={1}>
		<Heading size={3}>This is a Footer</Heading>
		<Heading size={3}>Footer © 2022</Heading>
		<Heading size={3}>urfu-ui.len0xx.ru</Heading>
	</Grid>
</Footer>

Параметры:

padding

object

Объект, описывающий отступы компонента. Имеет следующие свойства:
x – отступ по горизонтали
y – отступ по вертикали
top – отступ сверху
bottom – отступ снизу
left – отступ слева
right – отступ справа
Все значения могут иметь один из двух типов: string или number
В случае, если значение одного из свойств имеет тип number, ему будет добавлена единица измерения em
Пример: padding={{ top: 1, x: 'auto' }} будет преобразовано в padding: 1em auto 0

node

HTMLElement

Параметр для связки с HTML-элементом, который лежит в основе компонента
(аналог стандартного bind:this)

id

string

Аналог стандартного атрибута id

className

string

Аналог стандартного атрибута class

contentWidth

string

Максимальная ширина, которую может занимать компонент

align

enum

Выравнивание контента внутри компонента
Поддерживаются 5 значений: unset, initial, left, center и right
Значение по умолчанию: center