diff --git a/tests/cheatSheet/button/buttons.php b/tests/cheatSheet/button/buttons.php new file mode 100644 index 0000000..2974fa9 --- /dev/null +++ b/tests/cheatSheet/button/buttons.php @@ -0,0 +1,1226 @@ +
+
+
bordered
+
bordered radius
+
bordered round
+
material
+
material radius
+
material round
+ '; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'test ', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'test ', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + + + + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--primary', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--primary kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--primary kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--primary kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--primary kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--primary kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--primary kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--primary', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--primary kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--primary kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--primary kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--primary kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--primary kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--primary kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--secondary', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--secondary kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--secondary kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--secondary kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--secondary kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--secondary kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--secondary kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--secondary', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--secondary kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--secondary kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--secondary kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--secondary kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--secondary kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--secondary kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => ' kit-button--error', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => ' kit-button--error kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => ' kit-button--error kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => ' kit-button--error kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => ' kit-button--error kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => ' kit-button--error kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => ' kit-button--error kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--error', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--error kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--error kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--error kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--error kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--error kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--error kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + + + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => ' kit-button--warning', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => ' kit-button--warning kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => ' kit-button--warning kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => ' kit-button--warning kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => ' kit-button--warning kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => ' kit-button--warning kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => ' kit-button--warning kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--warning', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--warning kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--warning kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--warning kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--warning kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--warning kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => ' kit-button--warning kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + + + + + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => ' kit-button--success', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => ' kit-button--success kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => ' kit-button--success kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => ' kit-button--success kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => ' kit-button--success kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => ' kit-button--success kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => ' kit-button--success kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--success', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--success kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--success kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--success kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--success kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--success kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--success kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + + /** ICON */ + + if(1){ + + echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon test ', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon test ', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'default', + 'CLASS' => 'kit-button--icon kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + echo '
'; + + + + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--icon kit-button--primary', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--icon kit-button--primary kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--icon kit-button--primary kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--icon kit-button--primary kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--icon kit-button--primary kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--icon kit-button--primary kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'primary', + 'CLASS' => 'kit-button--icon kit-button--primary kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--primary', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--primary kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--primary kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--primary kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--primary kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--primary kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--primary kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--icon kit-button--secondary', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'secondary', + 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--secondary', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => 'kit-button--icon kit-button--error', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => 'kit-button--icon kit-button--error kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => 'kit-button--icon kit-button--error kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => 'kit-button--icon kit-button--error kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => 'kit-button--icon kit-button--error kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => 'kit-button--icon kit-button--error kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'error', + 'CLASS' => 'kit-button--icon kit-button--error kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--error', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--error kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--error kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--error kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--error kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--error kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--error kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + + + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => 'kit-button--icon kit-button--warning', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => 'kit-button--icon kit-button--warning kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => 'kit-button--icon kit-button--warning kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => 'kit-button--icon kit-button--warning kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => 'kit-button--icon kit-button--warning kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => 'kit-button--icon kit-button--warning kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'warning', + 'CLASS' => 'kit-button--icon kit-button--warning kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--warning', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--warning kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--warning kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--warning kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--warning kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--warning kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--warning kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + + + + + + + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => 'kit-button--icon kit-button--success', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => 'kit-button--icon kit-button--success kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => 'kit-button--icon kit-button--success kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => 'kit-button--icon kit-button--success kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => 'kit-button--icon kit-button--success kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => 'kit-button--icon kit-button--success kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'LABEL' => 'success', + 'CLASS' => 'kit-button--icon kit-button--success kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + + + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--success', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--success kit-button--bordered', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--success kit-button--bordered kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--success kit-button--bordered kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--success kit-button--material', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--success kit-button--material kit-button--radius', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
';echo '
'; + service()->templater()->render('kit:button', [ + 'DISABLED' => true, + 'LABEL' => 'disabled', + 'CLASS' => 'kit-button--icon kit-button--success kit-button--material kit-button--round', + 'ICON' => service()->templater()->get('kit:svg/star'), + ]); + echo '
'; + } + + ?> + \ No newline at end of file diff --git a/tests/cheatSheet/field/checkbox.php b/tests/cheatSheet/field/checkbox.php new file mode 100644 index 0000000..cb114bd --- /dev/null +++ b/tests/cheatSheet/field/checkbox.php @@ -0,0 +1,32 @@ +
+
templater()->render('kit:input', [ + 'TYPE' => 'checkbox', + 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'agreement2', + 'VALUE' => 'Y', + 'CHECKED' => true, + 'LABEL' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit', + ]); ?> +
+
templater()->render('kit:input', [ + 'CLASS' => 'kit-field--check-mark-material', + 'TYPE' => 'checkbox', + 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'agreement', + 'VALUE' => 'Y', + 'LABEL' => 'kit-field--check-mark-material', + ]); ?> +
+
templater()->render('kit:input', [ + 'CLASS' => 'kit-field--check-mark-stroke', + 'TYPE' => 'checkbox', + 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'agreement', + 'VALUE' => 'Y', + 'LABEL' => 'kit-field--check-mark-stroke', + ]); ?> +
+
\ No newline at end of file diff --git a/tests/cheatSheet/field/color.php b/tests/cheatSheet/field/color.php new file mode 100644 index 0000000..fd15d14 --- /dev/null +++ b/tests/cheatSheet/field/color.php @@ -0,0 +1,11 @@ +
+
templater()->render('kit:input', [ + 'TYPE' => 'color', + 'HINT' => 'color picker by xu-ui', + 'NAME' => 'color', + 'VALUE' => '#1a8cff', + 'LABEL' => 'color', + ]); ?> +
+
\ No newline at end of file diff --git a/tests/cheatSheet/field/file.php b/tests/cheatSheet/field/file.php new file mode 100644 index 0000000..9a3c946 --- /dev/null +++ b/tests/cheatSheet/field/file.php @@ -0,0 +1,16 @@ +
+
multiple = true; + $inputFile->hint = 'Поле для ввода файлов'; + $inputFile->render(); + ?> +
+
multiple = false; + $inputFile->hint = 'Поле для ввода файлов'; + $inputFile->render(); + ?> +
+
\ No newline at end of file diff --git a/tests/cheatSheet/field/number.php b/tests/cheatSheet/field/number.php new file mode 100644 index 0000000..b20955c --- /dev/null +++ b/tests/cheatSheet/field/number.php @@ -0,0 +1,12 @@ +
+
templater()->render('kit:input', [ + 'TYPE' => 'number', + 'HINT' => 'number', + 'NAME' => 'number', + 'VALUE' => '10', + 'PLACEHOLDER' => 'number', + 'LABEL' => 'number', + ]); ?> +
+
\ No newline at end of file diff --git a/tests/cheatSheet/field/radio.php b/tests/cheatSheet/field/radio.php new file mode 100644 index 0000000..1263b62 --- /dev/null +++ b/tests/cheatSheet/field/radio.php @@ -0,0 +1,97 @@ +
+ +
templater()->render('kit:input', [ + 'TYPE' => 'radio', + 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'radio', + 'VALUE' => 'radio1', + 'CHECKED' => true, + 'LABEL' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit', + ]); ?> +
+
templater()->render('kit:input', [ + 'TYPE' => 'radio', + 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'radio', + 'VALUE' => 'radio2', + 'LABEL' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit', + ]); ?> +
+
templater()->render('kit:input', [ + 'TYPE' => 'radio', + 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'radio', + 'VALUE' => 'radio3', + 'LABEL' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit', + ]); ?> +
+ + +
templater()->render('kit:input', [ + 'CLASS' => 'kit-field--check-mark-stroke', + 'TYPE' => 'radio', + 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'radio-stroke', + 'VALUE' => 'radio4', + 'CHECKED' => true, + 'LABEL' => 'kit-field--check-mark-stroke', + ]); ?> +
+
templater()->render('kit:input', [ + 'CLASS' => 'kit-field--check-mark-stroke', + 'TYPE' => 'radio', + 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'radio-stroke', + 'VALUE' => 'radio5', + 'LABEL' => 'kit-field--check-mark-stroke', + ]); ?> +
+
templater()->render('kit:input', [ + 'CLASS' => 'kit-field--check-mark-stroke', + 'TYPE' => 'radio', + 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'radio-stroke', + 'VALUE' => 'radio6', + 'LABEL' => 'kit-field--check-mark-stroke', + ]); ?> +
+ + +
templater()->render('kit:input', [ + 'CLASS' => 'kit-field--check-mark-material', + 'TYPE' => 'radio', + 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'radio-material', + 'VALUE' => 'radio7', + 'CHECKED' => true, + 'LABEL' => 'kit-field--check-mark-material', + ]); ?> +
+
templater()->render('kit:input', [ + 'CLASS' => 'kit-field--check-mark-material', + 'TYPE' => 'radio', + 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'radio-material', + 'VALUE' => 'radio8', + 'LABEL' => 'kit-field--check-mark-material', + ]); ?> +
+
templater()->render('kit:input', [ + 'CLASS' => 'kit-field--check-mark-material', + 'TYPE' => 'radio', + 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'radio-material', + 'VALUE' => 'radio9', + 'LABEL' => 'kit-field--check-mark-material', + ]); ?> +
+
\ No newline at end of file diff --git a/tests/cheatSheet/field/select.php b/tests/cheatSheet/field/select.php new file mode 100644 index 0000000..ba06567 --- /dev/null +++ b/tests/cheatSheet/field/select.php @@ -0,0 +1,32 @@ +
+ +
templater()->render('kit:select', [ + 'HINT' => 'text hint', + 'NAME' => 'select', + 'LABEL' => 'select', + 'OPTIONS' => [ + [ + 'ID' => '1', + 'NAME' => 'Значение выпадающего списка 1', + ], + [ + 'ID' => '2', + 'NAME' => 'Значение выпадающего списка 2', + ], + [ + 'ID' => '3', + 'NAME' => 'Значение выпадающего списка 3', + ], + [ + 'ID' => '4', + 'NAME' => 'Значение выпадающего списка 4', + ], + [ + 'ID' => '5', + 'NAME' => 'Значение выпадающего списка 5', + ], + ] + ]); ?> +
+
\ No newline at end of file diff --git a/tests/cheatSheet/field/tel.php b/tests/cheatSheet/field/tel.php new file mode 100644 index 0000000..a2c6038 --- /dev/null +++ b/tests/cheatSheet/field/tel.php @@ -0,0 +1,20 @@ +
+
templater()->render('kit:input', [ + 'TYPE' => 'tel', + 'HINT' => 'phone', + 'NAME' => 'phone', + 'VALUE' => '+7800', + 'LABEL' => 'phone', + ]); ?> +
+
templater()->render('kit:input', [ + 'TYPE' => 'tel', + 'HINT' => 'phone', + 'NAME' => 'phone', + 'VALUE' => '', + 'LABEL' => 'phone', + ]); ?> +
+
\ No newline at end of file diff --git a/tests/cheatSheet/field/text.php b/tests/cheatSheet/field/text.php new file mode 100644 index 0000000..498ceb5 --- /dev/null +++ b/tests/cheatSheet/field/text.php @@ -0,0 +1,41 @@ +
+
templater()->render('kit:input', [ + 'TYPE' => 'text', + 'HINT' => 'time mask', + 'NAME' => 'time_mask', + 'VALUE' => '', + 'PLACEHOLDER' => '', + 'LABEL' => 'time mask', + 'ATTR' => [ + 'data-mask' => '99:99' + ] + ]); ?> +
+
templater()->render('kit:input', [ + 'TYPE' => 'text', + 'HINT' => 'text hint', + 'NAME' => 'input_name', + 'VALUE' => '10', + 'PLACEHOLDER' => 'number', + 'LABEL' => 'Test input', + ]); ?> +
+
templater()->render('kit:input', [ + 'TYPE' => 'text', + 'HINT' => 'air-datepicker', + 'NAME' => 'datepicker', + 'VALUE' => '', + 'PLACEHOLDER' => '', + 'LABEL' => 'datepicker', + 'DATEPICKER' => true, + 'ATTR' => [ + 'data-mask' => '99.99.9999' + ] + ]); ?> +
+ + +
\ No newline at end of file diff --git a/tests/cheatSheet/field/textarea.php b/tests/cheatSheet/field/textarea.php new file mode 100644 index 0000000..c53f54e --- /dev/null +++ b/tests/cheatSheet/field/textarea.php @@ -0,0 +1,24 @@ +
+ +
templater()->render('kit:textarea', [ + 'CLASS' => 'kit-field--check-mark-stroke', + 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'textarea', + 'VALUE' => '', + 'MAXLENGTH' => 1000, + 'LABEL' => 'textarea label', + ]); ?> +
+ +
templater()->render('kit:textarea', [ + 'CLASS' => 'kit-field--check-mark-stroke', + //'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'NAME' => 'textarea', + 'VALUE' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', + 'MAXLENGTH' => 1000, + 'LABEL' => 'textarea label', + ]); ?> +
+
\ No newline at end of file diff --git a/tests/cheatSheet/modals.php b/tests/cheatSheet/modals.php new file mode 100644 index 0000000..6b28814 --- /dev/null +++ b/tests/cheatSheet/modals.php @@ -0,0 +1,92 @@ +templater()->getTemplate('kit:button', [ + 'LABEL' => 'Close', + 'CLASS' => ' ', + 'ATTR' => [ + 'data-bs-dismiss' => 'modal', + ], +]); +?> +
+ templater()->render('kit:button', [ + 'LABEL' => 'Vertically centered scrollable modal', + 'CLASS' => 'kit-button--primary kit-button--bordered', + 'ATTR' => [ + 'data-bs-toggle' => 'modal', + 'data-bs-target' => '#exampleModalCenteredScrollable', + ], + ]); + ?> +
+templater()->render('kit:modal', [ + 'ID' => 'exampleModalCenteredScrollable', + 'TITLE' => 'Modal title', + 'BODY' => '

This is some placeholder content to show the scrolling behavior for modals.

' + .str_repeat('
', 50) + .'

This content should appear at the bottom after you scroll.

', + 'FOOTER' => $closeButtonTemplate, +]); +?> + +

Dialogue chain

+ +
+ templater()->render('kit:button', [ + 'LABEL' => 'Start', + 'CLASS' => 'kit-button--primary kit-button--bordered', + 'ATTR' => [ + 'data-bs-toggle' => 'modal', + 'data-bs-target' => '#modalStep1', + ], + ]); + ?> +
+templater()->getTemplate('kit:button', [ + 'LABEL' => 'Next', + 'CLASS' => '', + 'ATTR' => [ + 'data-bs-dismiss' => 'modal', + 'data-bs-target' => $selector, + 'data-bs-toggle' => 'modal', + ], + ]); +}; +$prevButtonTemplate = function($selector){ + return service()->templater()->getTemplate('kit:button', [ + 'LABEL' => 'Prev', + 'CLASS' => ' ', + 'ATTR' => [ + 'data-bs-dismiss' => 'modal', + 'data-bs-target' => $selector, + 'data-bs-toggle' => 'modal', + ], + ]); +}; +service()->templater()->render('kit:modal', [ + 'ID' => 'modalStep1', + 'TITLE' => 'Step 1', + 'CLASS' => 'modal--dialogue-chain', + 'BODY' => '

', + 'FOOTER' => $closeButtonTemplate.$nextButtonTemplate('#modalStep2'), +]); +service()->templater()->render('kit:modal', [ + 'ID' => 'modalStep2', + 'TITLE' => 'Step 2', + 'CLASS' => 'modal--dialogue-chain', + 'BODY' => '

', + 'FOOTER' => $closeButtonTemplate.$prevButtonTemplate('#modalStep1').$nextButtonTemplate('#modalStep3'), +]); +service()->templater()->render('kit:modal', [ + 'ID' => 'modalStep3', + 'TITLE' => 'Step 3', + 'CLASS' => 'modal--dialogue-chain', + 'BODY' => '

', + 'FOOTER' => $closeButtonTemplate, +]); + diff --git a/tests/cheatSheet/popover.php b/tests/cheatSheet/popover.php new file mode 100644 index 0000000..2c657f3 --- /dev/null +++ b/tests/cheatSheet/popover.php @@ -0,0 +1,91 @@ + + +
+
+ templater()->render('kit:button', [ + 'LABEL' => 'Popover on top', + 'CLASS' => '', + 'ATTR' => [ + 'data-bs-toggle' => 'popover', + 'data-bs-placement' => 'top', + 'data-bs-content' => 'Top popover', + 'data-bs-container' => 'body', + ] + ]); + ?> +
+
+ templater()->render('kit:button', [ + 'LABEL' => 'Popover on right', + 'CLASS' => '', + 'ATTR' => [ + 'data-bs-toggle' => 'popover', + 'data-bs-placement' => 'right', + 'data-bs-content' => 'Right popover', + 'data-bs-container' => 'body', + ] + ]); + ?> +
+
+ templater()->render('kit:button', [ + 'LABEL' => 'Popover on bottom', + 'CLASS' => '', + 'ATTR' => [ + 'data-bs-toggle' => 'popover', + 'data-bs-placement' => 'bottom', + 'data-bs-content' => 'Bottom popover', + 'data-bs-container' => 'body', + ] + ]); + ?> +
+
+ templater()->render('kit:button', [ + 'LABEL' => 'Popover on left', + 'CLASS' => '', + 'ATTR' => [ + 'data-bs-toggle' => 'popover', + 'data-bs-placement' => 'left', + 'data-bs-content' => 'Left popover', + 'data-bs-container' => 'body', + ] + ]); + ?> +
+
+ templater()->render('kit:button', [ + 'LABEL' => htmlspecialchars(' & header'), + 'CLASS' => '', + 'ATTR' => [ + 'data-bs-toggle' => 'popover', + 'data-bs-content' => 'And here\'s some amazing content. It\'s very engaging. Right?', + 'data-bs-container' => 'body', + 'data-bs-html' => 'true', + 'title' => 'Tooltip with HTML' + ] + ]); + ?> +
+
+ templater()->render('kit:button', [ + 'LABEL' => 'trigger focus', + 'CLASS' => '', + 'ATTR' => [ + 'data-bs-toggle' => 'popover', + 'data-bs-content' => 'And here\'s some amazing content. It\'s very engaging. Right?', + 'data-bs-container' => 'body', + 'data-bs-html' => 'true', + 'data-bs-trigger' => 'focus', + 'title' => 'Tooltip with HTML' + ] + ]); + ?> +
+
\ No newline at end of file diff --git a/tests/cheatSheet/text.php b/tests/cheatSheet/text.php new file mode 100644 index 0000000..6588c56 --- /dev/null +++ b/tests/cheatSheet/text.php @@ -0,0 +1,7 @@ +

Lorem ipsum dolor sit amet, consectetur adipisicing elit

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit

+
Lorem ipsum dolor sit amet, consectetur adipisicing elit
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis eos esse excepturi explicabo fugit labore laborum quaerat quasi voluptatibus? A ab earum explicabo labore nobis nostrum optio perspiciatis provident, quam.

\ No newline at end of file diff --git a/tests/cheatSheet/tooltip.php b/tests/cheatSheet/tooltip.php new file mode 100644 index 0000000..69e203c --- /dev/null +++ b/tests/cheatSheet/tooltip.php @@ -0,0 +1,67 @@ +
+
+ templater()->render('kit:button', [ + 'LABEL' => 'Tooltip on top', + 'CLASS' => '', + 'ATTR' => [ + 'data-bs-toggle' => 'tooltip', + 'data-bs-placement' => 'top', + 'title' => 'Tooltip on top' + ] + ]); + ?> +
+
+ templater()->render('kit:button', [ + 'LABEL' => 'Tooltip on end', + 'CLASS' => '', + 'ATTR' => [ + 'data-bs-toggle' => 'tooltip', + 'data-bs-placement' => 'right', + 'title' => 'Tooltip on end' + ] + ]); + ?> +
+
+ templater()->render('kit:button', [ + 'LABEL' => 'Tooltip on bottom', + 'CLASS' => '', + 'ATTR' => [ + 'data-bs-toggle' => 'tooltip', + 'data-bs-placement' => 'bottom', + 'title' => 'Tooltip on bottom' + ] + ]); + ?> +
+
+ templater()->render('kit:button', [ + 'LABEL' => 'Tooltip on start', + 'CLASS' => '', + 'ATTR' => [ + 'data-bs-toggle' => 'tooltip', + 'data-bs-placement' => 'left', + 'title' => 'Tooltip on start' + ] + ]); + ?> +
+
+ templater()->render('kit:button', [ + 'LABEL' => 'Tooltip with HTML', + 'CLASS' => '', + 'ATTR' => [ + 'data-bs-toggle' => 'tooltip', + 'data-bs-html' => 'true', + 'title' => 'Tooltip with HTML' + ] + ]); + ?> +
+
\ No newline at end of file diff --git a/tests/cheatsheetTest.php b/tests/cheatsheetTest.php index 4e884f0..4638028 100644 --- a/tests/cheatsheetTest.php +++ b/tests/cheatsheetTest.php @@ -14,6 +14,14 @@ if(\Bitrix\Main\Loader::includeModule('wt.core')) { } $APPLICATION->ShowHead(); +/** + * @param $name + * @param $filePath + */ +function includeSection ($name, $filePath){ + ?>

-

BX.KIT FRONT-END FRAMEWORK

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit

-
Lorem ipsum dolor sit amet, consectetur adipisicing elit
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis eos esse excepturi explicabo fugit labore laborum quaerat quasi voluptatibus? A ab earum explicabo labore nobis nostrum optio perspiciatis provident, quam.

- -

Tooltip

-
-
- templater()->render('kit:button', [ - 'LABEL' => 'Tooltip on top', - 'CLASS' => '', - 'ATTR' => [ - 'data-bs-toggle' => 'tooltip', - 'data-bs-placement' => 'top', - 'title' => 'Tooltip on top' - ] - ]); - ?> -
-
- templater()->render('kit:button', [ - 'LABEL' => 'Tooltip on end', - 'CLASS' => '', - 'ATTR' => [ - 'data-bs-toggle' => 'tooltip', - 'data-bs-placement' => 'right', - 'title' => 'Tooltip on end' - ] - ]); - ?> -
-
- templater()->render('kit:button', [ - 'LABEL' => 'Tooltip on bottom', - 'CLASS' => '', - 'ATTR' => [ - 'data-bs-toggle' => 'tooltip', - 'data-bs-placement' => 'bottom', - 'title' => 'Tooltip on bottom' - ] - ]); - ?> -
-
- templater()->render('kit:button', [ - 'LABEL' => 'Tooltip on start', - 'CLASS' => '', - 'ATTR' => [ - 'data-bs-toggle' => 'tooltip', - 'data-bs-placement' => 'left', - 'title' => 'Tooltip on start' - ] - ]); - ?> -
-
- templater()->render('kit:button', [ - 'LABEL' => 'Tooltip with HTML', - 'CLASS' => '', - 'ATTR' => [ - 'data-bs-toggle' => 'tooltip', - 'data-bs-html' => 'true', - 'title' => 'Tooltip with HTML' - ] - ]); - ?> -
-
- -

Popover

- -
-
- templater()->render('kit:button', [ - 'LABEL' => 'Popover on top', - 'CLASS' => '', - 'ATTR' => [ - 'data-bs-toggle' => 'popover', - 'data-bs-placement' => 'top', - 'data-bs-content' => 'Top popover', - 'data-bs-container' => 'body', - ] - ]); - ?> -
-
- templater()->render('kit:button', [ - 'LABEL' => 'Popover on right', - 'CLASS' => '', - 'ATTR' => [ - 'data-bs-toggle' => 'popover', - 'data-bs-placement' => 'right', - 'data-bs-content' => 'Right popover', - 'data-bs-container' => 'body', - ] - ]); - ?> -
-
- templater()->render('kit:button', [ - 'LABEL' => 'Popover on bottom', - 'CLASS' => '', - 'ATTR' => [ - 'data-bs-toggle' => 'popover', - 'data-bs-placement' => 'bottom', - 'data-bs-content' => 'Bottom popover', - 'data-bs-container' => 'body', - ] - ]); - ?> -
-
- templater()->render('kit:button', [ - 'LABEL' => 'Popover on left', - 'CLASS' => '', - 'ATTR' => [ - 'data-bs-toggle' => 'popover', - 'data-bs-placement' => 'left', - 'data-bs-content' => 'Left popover', - 'data-bs-container' => 'body', - ] - ]); - ?> -
-
- templater()->render('kit:button', [ - 'LABEL' => htmlspecialchars(' & header'), - 'CLASS' => '', - 'ATTR' => [ - 'data-bs-toggle' => 'popover', - 'data-bs-content' => 'And here\'s some amazing content. It\'s very engaging. Right?', - 'data-bs-container' => 'body', - 'data-bs-html' => 'true', - 'title' => 'Tooltip with HTML' - ] - ]); - ?> -
-
- templater()->render('kit:button', [ - 'LABEL' => 'trigger focus', - 'CLASS' => '', - 'ATTR' => [ - 'data-bs-toggle' => 'popover', - 'data-bs-content' => 'And here\'s some amazing content. It\'s very engaging. Right?', - 'data-bs-container' => 'body', - 'data-bs-html' => 'true', - 'data-bs-trigger' => 'focus', - 'title' => 'Tooltip with HTML' - ] - ]); - ?> -
-
- - -

Modals

-
- templater()->render('kit:button', [ - 'LABEL' => 'Vertically centered scrollable modal', - 'CLASS' => 'kit-button--primary kit-button--bordered', - 'ATTR' => [ - 'data-bs-toggle' => 'modal', - 'data-bs-target' => '#exampleModalCenteredScrollable', - ], - ]); - ?> -
templater()->render('kit:modal', [ - 'ID' => 'exampleModalCenteredScrollable', - 'TITLE' => 'Modal title', - 'BODY' => '

This is some placeholder content to show the scrolling behavior for modals. We use repeated line breaks to demonstrate how content can exceed minimum inner height, thereby showing inner scrolling. When content becomes longer than the prefedined max-height of modal, content will be cropped and scrollable within the modal.

-







































-

This content should appear at the bottom after you scroll.

', - 'FOOTER' => ' - ', - ]); + includeSection('Text samples',__DIR__ . '/cheatSheet/text.php'); + includeSection('Tooltip',__DIR__ . '/cheatSheet/tooltip.php'); + includeSection('Popover',__DIR__ . '/cheatSheet/popover.php'); + includeSection('Modals',__DIR__ . '/cheatSheet/modals.php'); + includeSection('Color fields',__DIR__ . '/cheatSheet/field/color.php'); + includeSection('Tel fields',__DIR__ . '/cheatSheet/field/tel.php'); + includeSection('Number fields',__DIR__ . '/cheatSheet/field/number.php'); + includeSection('Select fields',__DIR__ . '/cheatSheet/field/select.php'); + includeSection('Checkbox fields',__DIR__ . '/cheatSheet/field/checkbox.php'); + includeSection('Radio fields',__DIR__ . '/cheatSheet/field/radio.php'); + includeSection('Text fields',__DIR__ . '/cheatSheet/field/text.php'); + includeSection('Textarea fields',__DIR__ . '/cheatSheet/field/textarea.php'); + includeSection('File fields',__DIR__ . '/cheatSheet/field/file.php'); + includeSection('Buttons',__DIR__ . '/cheatSheet/button/buttons.php'); ?> - - - -

Input type color

-
-
templater()->render('kit:input', [ - 'TYPE' => 'color', - 'HINT' => 'color picker by xu-ui', - 'NAME' => 'color', - 'VALUE' => '#1a8cff', - 'LABEL' => 'color', - ]); ?> -
-
- - -

Input type tel

-
-
templater()->render('kit:input', [ - 'TYPE' => 'tel', - 'HINT' => 'phone', - 'NAME' => 'phone', - 'VALUE' => '+7800', - 'LABEL' => 'phone', - ]); ?> -
-
templater()->render('kit:input', [ - 'TYPE' => 'tel', - 'HINT' => 'phone', - 'NAME' => 'phone', - 'VALUE' => '', - 'LABEL' => 'phone', - ]); ?> -
-
- -

Input type number

-
-
templater()->render('kit:input', [ - 'TYPE' => 'number', - 'HINT' => 'number', - 'NAME' => 'number', - 'VALUE' => '10', - 'PLACEHOLDER' => 'number', - 'LABEL' => 'number', - ]); ?> -
-
- -

Select

-
- -
templater()->render('kit:select', [ - 'HINT' => 'text hint', - 'NAME' => 'select', - 'LABEL' => 'select', - 'OPTIONS' => [ - [ - 'ID' => '1', - 'NAME' => 'Значение выпадающего списка 1', - ], - [ - 'ID' => '2', - 'NAME' => 'Значение выпадающего списка 2', - ], - [ - 'ID' => '3', - 'NAME' => 'Значение выпадающего списка 3', - ], - [ - 'ID' => '4', - 'NAME' => 'Значение выпадающего списка 4', - ], - [ - 'ID' => '5', - 'NAME' => 'Значение выпадающего списка 5', - ], - ] - ]); ?> -
-
- - -

Input type checkbox

-
-
templater()->render('kit:input', [ - 'TYPE' => 'checkbox', - 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'agreement2', - 'VALUE' => 'Y', - 'CHECKED' => true, - 'LABEL' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit', - ]); ?> -
-
templater()->render('kit:input', [ - 'CLASS' => 'kit-field--check-mark-material', - 'TYPE' => 'checkbox', - 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'agreement', - 'VALUE' => 'Y', - 'LABEL' => 'kit-field--check-mark-material', - ]); ?> -
-
templater()->render('kit:input', [ - 'CLASS' => 'kit-field--check-mark-stroke', - 'TYPE' => 'checkbox', - 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'agreement', - 'VALUE' => 'Y', - 'LABEL' => 'kit-field--check-mark-stroke', - ]); ?> -
-
- -

Input type radio

-
- -
templater()->render('kit:input', [ - 'TYPE' => 'radio', - 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'radio', - 'VALUE' => 'radio1', - 'CHECKED' => true, - 'LABEL' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit', - ]); ?> -
-
templater()->render('kit:input', [ - 'TYPE' => 'radio', - 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'radio', - 'VALUE' => 'radio2', - 'LABEL' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit', - ]); ?> -
-
templater()->render('kit:input', [ - 'TYPE' => 'radio', - 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'radio', - 'VALUE' => 'radio3', - 'LABEL' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit', - ]); ?> -
- - -
templater()->render('kit:input', [ - 'CLASS' => 'kit-field--check-mark-stroke', - 'TYPE' => 'radio', - 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'radio-stroke', - 'VALUE' => 'radio4', - 'CHECKED' => true, - 'LABEL' => 'kit-field--check-mark-stroke', - ]); ?> -
-
templater()->render('kit:input', [ - 'CLASS' => 'kit-field--check-mark-stroke', - 'TYPE' => 'radio', - 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'radio-stroke', - 'VALUE' => 'radio5', - 'LABEL' => 'kit-field--check-mark-stroke', - ]); ?> -
-
templater()->render('kit:input', [ - 'CLASS' => 'kit-field--check-mark-stroke', - 'TYPE' => 'radio', - 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'radio-stroke', - 'VALUE' => 'radio6', - 'LABEL' => 'kit-field--check-mark-stroke', - ]); ?> -
- - -
templater()->render('kit:input', [ - 'CLASS' => 'kit-field--check-mark-material', - 'TYPE' => 'radio', - 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'radio-material', - 'VALUE' => 'radio7', - 'CHECKED' => true, - 'LABEL' => 'kit-field--check-mark-material', - ]); ?> -
-
templater()->render('kit:input', [ - 'CLASS' => 'kit-field--check-mark-material', - 'TYPE' => 'radio', - 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'radio-material', - 'VALUE' => 'radio8', - 'LABEL' => 'kit-field--check-mark-material', - ]); ?> -
-
templater()->render('kit:input', [ - 'CLASS' => 'kit-field--check-mark-material', - 'TYPE' => 'radio', - 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'radio-material', - 'VALUE' => 'radio9', - 'LABEL' => 'kit-field--check-mark-material', - ]); ?> -
-
- - -

Input type text

- -
-
templater()->render('kit:input', [ - 'TYPE' => 'text', - 'HINT' => 'time mask', - 'NAME' => 'time_mask', - 'VALUE' => '', - 'PLACEHOLDER' => '', - 'LABEL' => 'time mask', - 'ATTR' => [ - 'data-mask' => '99:99' - ] - ]); ?> -
-
templater()->render('kit:input', [ - 'TYPE' => 'text', - 'HINT' => 'text hint', - 'NAME' => 'input_name', - 'VALUE' => '10', - 'PLACEHOLDER' => 'number', - 'LABEL' => 'Test input', - ]); ?> -
-
templater()->render('kit:input', [ - 'TYPE' => 'text', - 'HINT' => 'air-datepicker', - 'NAME' => 'datepicker', - 'VALUE' => '', - 'PLACEHOLDER' => '', - 'LABEL' => 'datepicker', - 'DATEPICKER' => true, - 'ATTR' => [ - 'data-mask' => '99.99.9999' - ] - ]); ?> -
- - -
- -

Textarea

-
- -
templater()->render('kit:textarea', [ - 'CLASS' => 'kit-field--check-mark-stroke', - 'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'textarea', - 'VALUE' => '', - 'MAXLENGTH' => 1000, - 'LABEL' => 'textarea label', - ]); ?> -
- -
templater()->render('kit:textarea', [ - 'CLASS' => 'kit-field--check-mark-stroke', - //'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'NAME' => 'textarea', - 'VALUE' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.', - 'MAXLENGTH' => 1000, - 'LABEL' => 'textarea label', - ]); ?> -
-
- -

Input type file

-
-
multiple = true; - $inputFile->hint = 'Поле для ввода файлов'; - $inputFile->render(); - ?> -
-
- - -

Buttons

-
-
-
bordered
-
bordered radius
-
bordered round
-
material
-
material radius
-
material round
- '; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'test ', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'test ', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - - - - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--primary', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--primary kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--primary kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--primary kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--primary kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--primary kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--primary kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--primary', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--primary kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--primary kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--primary kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--primary kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--primary kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--primary kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--secondary', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--secondary kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--secondary kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--secondary kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--secondary kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--secondary kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--secondary kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--secondary', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--secondary kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--secondary kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--secondary kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--secondary kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--secondary kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--secondary kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => ' kit-button--error', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => ' kit-button--error kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => ' kit-button--error kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => ' kit-button--error kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => ' kit-button--error kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => ' kit-button--error kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => ' kit-button--error kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--error', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--error kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--error kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--error kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--error kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--error kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--error kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - - - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => ' kit-button--warning', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => ' kit-button--warning kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => ' kit-button--warning kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => ' kit-button--warning kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => ' kit-button--warning kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => ' kit-button--warning kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => ' kit-button--warning kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--warning', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--warning kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--warning kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--warning kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--warning kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--warning kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => ' kit-button--warning kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - - - - - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => ' kit-button--success', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => ' kit-button--success kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => ' kit-button--success kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => ' kit-button--success kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => ' kit-button--success kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => ' kit-button--success kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => ' kit-button--success kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--success', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--success kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--success kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--success kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--success kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--success kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--success kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - - /** ICON */ - - if(1){ - - echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon test ', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon test ', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'default', - 'CLASS' => 'kit-button--icon kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - echo '
'; - - - - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--icon kit-button--primary', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--icon kit-button--primary kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--icon kit-button--primary kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--icon kit-button--primary kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--icon kit-button--primary kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--icon kit-button--primary kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'primary', - 'CLASS' => 'kit-button--icon kit-button--primary kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--primary', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--primary kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--primary kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--primary kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--primary kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--primary kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--primary kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--icon kit-button--secondary', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'secondary', - 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--secondary', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--secondary kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => 'kit-button--icon kit-button--error', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => 'kit-button--icon kit-button--error kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => 'kit-button--icon kit-button--error kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => 'kit-button--icon kit-button--error kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => 'kit-button--icon kit-button--error kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => 'kit-button--icon kit-button--error kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'error', - 'CLASS' => 'kit-button--icon kit-button--error kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--error', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--error kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--error kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--error kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--error kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--error kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--error kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - - - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => 'kit-button--icon kit-button--warning', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => 'kit-button--icon kit-button--warning kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => 'kit-button--icon kit-button--warning kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => 'kit-button--icon kit-button--warning kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => 'kit-button--icon kit-button--warning kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => 'kit-button--icon kit-button--warning kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'warning', - 'CLASS' => 'kit-button--icon kit-button--warning kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--warning', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--warning kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--warning kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--warning kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--warning kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--warning kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--warning kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - - - - - - - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => 'kit-button--icon kit-button--success', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => 'kit-button--icon kit-button--success kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => 'kit-button--icon kit-button--success kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => 'kit-button--icon kit-button--success kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => 'kit-button--icon kit-button--success kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => 'kit-button--icon kit-button--success kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'LABEL' => 'success', - 'CLASS' => 'kit-button--icon kit-button--success kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - - - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--success', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--success kit-button--bordered', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--success kit-button--bordered kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--success kit-button--bordered kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--success kit-button--material', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--success kit-button--material kit-button--radius', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
';echo '
'; - service()->templater()->render('kit:button', [ - 'DISABLED' => true, - 'LABEL' => 'disabled', - 'CLASS' => 'kit-button--icon kit-button--success kit-button--material kit-button--round', - 'ICON' => service()->templater()->get('kit:svg/star'), - ]); - echo '
'; - } - - ?> -
- - -
- -
- \ No newline at end of file +