Шаблон:FlexBox
Что это?
Добро пожаловать на страницу шаблона FlexBox!
Этот шаблон можно использовать для самых разных вещей, но изначально был сделан для Космического Закона, из-за чего могут возникать соответствующие несостыковки и ограничения.
Основное преимушество - адаптивность. Шаблон нормально выглядит как на телефонах, так и на ПК, при этом оставаясь компактным.
Класс, а как использовать?
Ниже перечислен список доступных пропсов, если кто-то будет это дополнять, просьба вписывать их сюда же.
Название | Описание |
---|---|
Color | Красит весь шаблон в любой доступный цвет ColorPalette |
SubTitle | Изначально использовалось для номера статьи в КЗ. Необязательный проп. |
Title | Основной текст сверху. Если не задать SubTitle, то будет использован его стиль. Так же это одновременно и якорь. |
TitleElement | Определяет каким элементом будет тайтл, по-умолчанию: span . Необходимо для отображения тайтла в Содержании. Рекомендуется использовать h3-h6 если необходимо. |
Image | Изображение с указанием размера, но без File: Использование: ClownPlaceholder.png{{!}}96px
|
ImagePadding | Отступ от краёв контейнера изображения. По-умолчанию: 0. |
Content | Основной текст в шаблоне, например, описание. |
DropdownTextAlign | Расположение текста внутри дропдауна. По-умолчанию он центрирован. |
DropdownTitle | Не отображается если не заполнен проп DropdownContent , задаёт надпись на кнопке раскрытия DropdownContent . По-умолчанию: Подробно
|
DropdownContent | Содержимое дропдауна, без этого пропса дропдауна не будет. Лучше всего использовать для второстепенной информации. |
Примеры
Всё заполнено
{{FlexBox | Color = Lavaland | SubTitle = Клоун | Title = Или же... приколист | TitleElement = h3 | Image = ClownPlaceholder.png{{!}}96px | Content = Самый обыкновенный клоун. Рекомендуется избиение. | DropdownTitle = Чё там ещё? | DropdownContent = Избиение клоуна без причины - является нарушением правил сервера. }}
Клоун
Или же... приколист
Минимальное заполнение
{{FlexBox | Title = Клоун | Content = Кусок бесполезности | Image = ClownPlaceholder.png{{!}}64px }}