├── LICENSE
├── README.md
├── build
└── index.html
├── darkmode.png
├── package-lock.json
├── package.json
├── postcss.config.js
├── src
└── css
│ └── styles.css
└── tailwind.config.js
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2021 Xibel
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # select2-tailwindcss
2 |
3 | select2-tailwindcss is a Tailwind CSS Stylesheet for the Select2 selectbox. The example style is located in the /src/css folder. Please take a look for the Tailwind CSS classes I use. If you want a working example installed locally in your own dev environment, please follow the next instructions.
4 |
5 | ## Dark mode example
6 | Latest update contains dark mode
7 | 
8 |
9 |
10 | ## Prerequisites
11 |
12 | You need Node and NPM globally installed from https://nodejs.org/en/download/
13 | You need to install live-server to be able to start a local preview in your browser. Install live-server with:
14 | ```bash
15 | npm install -g live-server
16 | ```
17 |
18 | ## Installation
19 |
20 | To make a working test on your local dev environment, clone this repository and install the dependencies:
21 |
22 | ```bash
23 | git clone https://github.com/Xibel/select2-tailwindcss.git
24 | cd select2-tailwindcss
25 | npm install
26 | ```
27 |
28 | ## Usage
29 |
30 | Compile the Tailwind CSS Style with
31 | ```bash
32 | npm run build
33 | ```
34 | ## Run the test website
35 |
36 | ```bash
37 | live-server build
38 | ```
39 | Your default browser should open and show an example page with a selectbox styled with Tailwind CSS. The styling code itself is in the /build/css/style.css file.
40 |
41 | ## Contributing
42 | Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
43 |
44 | ## License
45 | [MIT]
46 |
--------------------------------------------------------------------------------
/build/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | Select2 Tailwind CSS Demo
10 |
11 |
12 |
17 |
18 |
23 |
24 |
25 |
26 |
27 |
28 |
29 | Tailwind CSS and Select2 single example
30 |
31 |
59 |
60 |
61 |
62 |
63 | Tailwind CSS and Select2 multiple example
64 |