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