Added new mode for created customs theme

2023-03-15 20:09:51 +03:00
parent 2659db4326
commit 2d4d774931
15 changed files with 97 additions and 84 deletions
--- a/test/index.html
+++ b/test/index.html
@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Test</title>
+  </head>
+  <body>
+    <!-- TODO: Удалить после окончания обновления -->
+    <button class="cg-dropdown cg-dropdown_selector"></button>
+  </body>
+  <script src="index.js" type="module"></script>
+</html>
--- a/test/index.js
+++ b/test/index.js
@ -0,0 +1,21 @@
+import { CGSelect } from '../src/cg-select';
+import { newTheme } from './test';
+
+const dropdown = new CGSelect({
+  selector: '.cg-dropdown_selector',
+  placeholder: 'Выберите авто',
+  items: [
+    'BMW',
+    {
+      id: '213sade',
+      title: 'Opel',
+      value: 1,
+    },
+    'Mersedes',
+    'MAN',
+    'Ferari',
+  ],
+  multiselect: true,
+  multiselectTag: true,
+  theme: newTheme,
+});
--- a/test/test.ts
+++ b/test/test.ts
@ -0,0 +1,12 @@
+import { CustomThemeJson } from 'components/theme/theme.interface';
+
+export const newTheme: CustomThemeJson = {
+  name: 'lol',
+  styles: {
+    head: {
+      color: 'red',
+      fontSize: '18px',
+      background: '#ff000066',
+    },
+  },
+};