This commit is contained in:
2021-09-29 12:05:44 +03:00
parent 77fda4e363
commit bf74cd1618
21 changed files with 3815 additions and 306 deletions
+74 -2
View File
@@ -194,12 +194,12 @@ $APPLICATION->ShowHead();
</div>
<h2>Modals</h2>
<div class="d-flex justify-content-between flex-wrap">
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModalCenteredScrollable">
Vertically centered scrollable modal
</button>
</div>
<?
service()->templater()->render('kit:modal', [
'ID' => 'exampleModalCenteredScrollable',
@@ -210,8 +210,22 @@ $APPLICATION->ShowHead();
'FOOTER' => '<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>',
]);
?>
<h2>Inputs</h2>
<div class="flex-list" style="--col-count: 3">
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'TYPE' => 'color',
'HINT' => 'color picker by xu-ui',
'NAME' => 'color',
'VALUE' => '',
'LABEL' => 'color',
]); ?>
</div>
</div>
<div class="flex-list" style="--col-count: 3">
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
@@ -420,6 +434,8 @@ $APPLICATION->ShowHead();
</div>
</div>
<h2>Buttons</h2>
<div class="flex-list" style="--col-count: 7;">
<div class="flex-list-item"></div>
<div class="flex-list-item">bordered</div>
@@ -475,6 +491,62 @@ $APPLICATION->ShowHead();
service()->templater()->render('kit:button', [
'DISABLED' => true,
'LABEL' => 'default',
'CLASS' => 'test ',
'ICON' => service()->templater()->get('kit:svg/star'),
]);
echo '</div>';
echo '<div class="flex-list-item">';
service()->templater()->render('kit:button', [
'DISABLED' => true,
'LABEL' => 'default',
'CLASS' => 'kit-button--bordered',
'ICON' => service()->templater()->get('kit:svg/star'),
]);
echo '</div>';
echo '<div class="flex-list-item">';
service()->templater()->render('kit:button', [
'DISABLED' => true,
'LABEL' => 'default',
'CLASS' => 'kit-button--bordered kit-button--radius',
'ICON' => service()->templater()->get('kit:svg/star'),
]);
echo '</div>';
echo '<div class="flex-list-item">';
service()->templater()->render('kit:button', [
'DISABLED' => true,
'LABEL' => 'default',
'CLASS' => 'kit-button--bordered kit-button--round',
'ICON' => service()->templater()->get('kit:svg/star'),
]);
echo '</div>';
echo '<div class="flex-list-item">';
service()->templater()->render('kit:button', [
'DISABLED' => true,
'LABEL' => 'default',
'CLASS' => 'kit-button--material',
'ICON' => service()->templater()->get('kit:svg/star'),
]);
echo '</div>';
echo '<div class="flex-list-item">';
service()->templater()->render('kit:button', [
'DISABLED' => true,
'LABEL' => 'default',
'CLASS' => 'kit-button--material kit-button--radius',
'ICON' => service()->templater()->get('kit:svg/star'),
]);
echo '</div>';
echo '<div class="flex-list-item">';
service()->templater()->render('kit:button', [
'DISABLED' => true,
'LABEL' => 'default',
'CLASS' => 'kit-button--material kit-button--round',
'ICON' => service()->templater()->get('kit:svg/star'),
]);
echo '</div>';
echo '<div class="flex-list-item">';