File tree Expand file tree Collapse file tree 12 files changed +692
-611
lines changed
Expand file tree Collapse file tree 12 files changed +692
-611
lines changed Original file line number Diff line number Diff line change 1+ v2.2.0
2+ - Added no-input-onblur option.
3+
14v2.1.1
25 - Updated to bootstrap v5.3.2.
36 - Small improvements.
Original file line number Diff line number Diff line change @@ -68,6 +68,7 @@ data-ub-tag-transform
6868data-ub-tag-variant
6969data-ub-tag-x-position
7070data-ub-tag-max
71+ data-ub-tag-no-input-onblur
7172```
7273
7374``` html
@@ -80,6 +81,7 @@ data-ub-tag-max
8081 data-ub-tag-variant =" primary"
8182 data-ub-tag-x-position =" left"
8283 data-ub-tag-max =" 5"
84+ data-ub-tag-no-input-onblur
8385>
8486```
8587## Methods
Original file line number Diff line number Diff line change 55 < meta name ="keywords " content ="bootstrap tag, tag input, bootstrap input ">
66 < link rel ="icon " type ="image/svg+xml " href ="/favicon.svg ">
77 < title > use-bootstrap-tag | Tag input for Bootstrap 5</ title >
8- < script type ="module " crossorigin ="" src ="/assets/index-7cec1c2c .js "> </ script >
8+ < script type ="module " crossorigin ="" src ="/assets/index-78c98165 .js "> </ script >
99 < link rel ="stylesheet " href ="/assets/index-194f4a9b.css ">
1010</ head >
1111
Load Diff This file was deleted.
Original file line number Diff line number Diff line change 55 < meta name ="keywords " content ="bootstrap tag, tag input, bootstrap input ">
66 < link rel ="icon " type ="image/svg+xml " href ="/favicon.svg ">
77 < title > use-bootstrap-tag | Tag input for Bootstrap 5</ title >
8- < script type ="module " crossorigin ="" src ="/assets/index-7cec1c2c .js "> </ script >
8+ < script type ="module " crossorigin ="" src ="/assets/index-78c98165 .js "> </ script >
99 < link rel ="stylesheet " href ="/assets/index-194f4a9b.css ">
1010</ head >
1111
Load Diff Large diffs are not rendered by default.
Original file line number Diff line number Diff line change 55 < meta name ="keywords " content ="bootstrap tag, tag input, bootstrap input ">
66 < link rel ="icon " type ="image/svg+xml " href ="/favicon.svg ">
77 < title > use-bootstrap-tag | Tag input for Bootstrap 5</ title >
8- < script type ="module " crossorigin ="" src ="/assets/index-7cec1c2c .js "> </ script >
8+ < script type ="module " crossorigin ="" src ="/assets/index-78c98165 .js "> </ script >
99 < link rel ="stylesheet " href ="/assets/index-194f4a9b.css ">
1010</ head >
1111
1212< body >
13- < div id ="app "> < nav class ="navbar navbar-expand bg-body-tertiary sticky-top " data-bs-theme ="dark "> < div class ="container justify-content-start "> < a class ="navbar-brand d-flex align-items-center gap-2 " href ="/ "> < svg xmlns ="http://www.w3.org/2000/svg " width ="1em " height ="1em " fill ="currentColor " viewBox ="0 0 16 16 "> < path d ="M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z "> </ path > < path d ="M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z "> </ path > </ svg > use-bootstrap-tag</ a > < div class ="ms-auto navbar-nav align-items-center gap-3 "> < a class ="fs-5 nav-link p-0 " target ="_blank " aria-label ="GitHub Project " href ="https://github.com/use-bootstrap/use-bootstrap-tag "> < svg xmlns ="http://www.w3.org/2000/svg " width ="1em " height ="1em " fill ="currentColor " viewBox ="0 0 16 16 "> < path d ="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z "> </ path > </ svg > </ a > < label class ="btn nav-link p-0 border-0 fs-5 " for ="bs-theme " title ="Toggle color schema "> < svg viewBox ="0 0 24 24 " width ="1em " height ="1em " stroke ="currentColor " stroke-width ="2 " fill ="none " stroke-linecap ="round " stroke-linejoin ="round "> < circle cx ="12 " cy ="12 " r ="5 "> </ circle > < line x1 ="12 " y1 ="1 " x2 ="12 " y2 ="3 "> </ line > < line x1 ="12 " y1 ="21 " x2 ="12 " y2 ="23 "> </ line > < line x1 ="4.22 " y1 ="4.22 " x2 ="5.64 " y2 ="5.64 "> </ line > < line x1 ="18.36 " y1 ="18.36 " x2 ="19.78 " y2 ="19.78 "> </ line > < line x1 ="1 " y1 ="12 " x2 ="3 " y2 ="12 "> </ line > < line x1 ="21 " y1 ="12 " x2 ="23 " y2 ="12 "> </ line > < line x1 ="4.22 " y1 ="19.78 " x2 ="5.64 " y2 ="18.36 "> </ line > < line x1 ="18.36 " y1 ="5.64 " x2 ="19.78 " y2 ="4.22 "> </ line > </ svg > </ label > < input type ="checkbox " class ="btn-check " id ="bs-theme " autocomplete ="off "> </ div > </ div > </ nav > < div class ="bg-body-tertiary " style ="border-bottom:var(--bs-border-width) solid var(--bs-border-color) "> < div class ="container pt-3 "> < nav class ="overflow-x-auto " id ="main-nav " style ="margin-bottom:-1px "> < ul class ="nav nav-tabs flex-nowrap "> < li class ="nav-item "> < a href ="/ " class ="nav-link active "> Home</ a > </ li > < li class ="nav-item "> < a href ="/install " class ="nav-link "> Install</ a > </ li > < li class ="nav-item "> < a href ="/demo " class ="nav-link "> Demo</ a > </ li > < li class ="nav-item "> < a href ="/api " class ="nav-link "> API</ a > </ li > < li class ="nav-item "> < a href ="/customize " class ="nav-link "> Customize</ a > </ li > </ ul > </ nav > </ div > </ div > < div class ="container py-3 "> < div class ="pt-4 " role ="main "> < div > < h3 class ="fw-bold "> use-bootstrap-tag</ h3 > < p > Tag input for Bootstrap 5</ p > < div class ="d-flex flex-wrap gap-2 "> < img src ="https://img.shields.io/npm/v/use-bootstrap-tag " alt ="version "> < img src ="https://img.shields.io/bundlephobia/minzip/use-bootstrap-tag/2.1.1 " alt ="minified + gzip "> < img src ="https://img.shields.io/npm/dm/use-bootstrap-tag " alt ="downloads per month "> < img src ="https://img.shields.io/npm/types/use-bootstrap-tag " alt ="types "> </ div > < hr > < h4 class ="fw-bold "> Features</ h4 > < ul class ="text-body-secondary "> < li > < b > Custom separator</ b > : Set a specific delimiter character between tag elements.</ li > < li > < b > Enable/disable duplicates</ b > : Toggle the allowance of duplicate tags.</ li > < li > < b > Custom transformation</ b > : Define personalized modifications to input tag entries.</ li > < li > < b > Max limit</ b > : Set a maximum limit of tags that can be added.</ li > < li > < b > Sizing</ b > : Adjustable sizing to match user preferences or layouts.</ li > < li > < b > Validation</ b > : Reflects validation states visually to align with Bootstrap's form validationfeedback.</ li > </ ul > < hr > < h4 class ="fw-bold "> Repository</ h4 > < a class ="link-body-emphasis " target ="_blank " href ="https://github.com/use-bootstrap/use-bootstrap-tag "> https://github.com/use-bootstrap/use-bootstrap-tag</ a > < hr > < h4 class ="fw-bold "> License</ h4 > MIT< div class ="d-flex justify-content-between gap-3 "> < span > </ span > < a href ="/install " class ="btn btn-outline-secondary text-decoration-none border d-inline-flex flex-column align-items-end w-50 "> < span class ="small "> Next page</ span > Install</ a > </ div > </ div > </ div > </ div > </ div >
13+ < div id ="app "> < nav class ="navbar navbar-expand bg-body-tertiary sticky-top " data-bs-theme ="dark "> < div class ="container justify-content-start "> < a class ="navbar-brand d-flex align-items-center gap-2 " href ="/ "> < svg xmlns ="http://www.w3.org/2000/svg " width ="1em " height ="1em " fill ="currentColor " viewBox ="0 0 16 16 "> < path d ="M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z "> </ path > < path d ="M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z "> </ path > </ svg > use-bootstrap-tag</ a > < div class ="ms-auto navbar-nav align-items-center gap-3 "> < a class ="fs-5 nav-link p-0 " target ="_blank " aria-label ="GitHub Project " href ="https://github.com/use-bootstrap/use-bootstrap-tag "> < svg xmlns ="http://www.w3.org/2000/svg " width ="1em " height ="1em " fill ="currentColor " viewBox ="0 0 16 16 "> < path d ="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z "> </ path > </ svg > </ a > < label class ="btn nav-link p-0 border-0 fs-5 " for ="bs-theme " title ="Toggle color schema "> < svg viewBox ="0 0 24 24 " width ="1em " height ="1em " stroke ="currentColor " stroke-width ="2 " fill ="none " stroke-linecap ="round " stroke-linejoin ="round "> < circle cx ="12 " cy ="12 " r ="5 "> </ circle > < line x1 ="12 " y1 ="1 " x2 ="12 " y2 ="3 "> </ line > < line x1 ="12 " y1 ="21 " x2 ="12 " y2 ="23 "> </ line > < line x1 ="4.22 " y1 ="4.22 " x2 ="5.64 " y2 ="5.64 "> </ line > < line x1 ="18.36 " y1 ="18.36 " x2 ="19.78 " y2 ="19.78 "> </ line > < line x1 ="1 " y1 ="12 " x2 ="3 " y2 ="12 "> </ line > < line x1 ="21 " y1 ="12 " x2 ="23 " y2 ="12 "> </ line > < line x1 ="4.22 " y1 ="19.78 " x2 ="5.64 " y2 ="18.36 "> </ line > < line x1 ="18.36 " y1 ="5.64 " x2 ="19.78 " y2 ="4.22 "> </ line > </ svg > </ label > < input type ="checkbox " class ="btn-check " id ="bs-theme " autocomplete ="off "> </ div > </ div > </ nav > < div class ="bg-body-tertiary " style ="border-bottom:var(--bs-border-width) solid var(--bs-border-color) "> < div class ="container pt-3 "> < nav class ="overflow-x-auto " id ="main-nav " style ="margin-bottom:-1px "> < ul class ="nav nav-tabs flex-nowrap "> < li class ="nav-item "> < a href ="/ " class ="nav-link active "> Home</ a > </ li > < li class ="nav-item "> < a href ="/install " class ="nav-link "> Install</ a > </ li > < li class ="nav-item "> < a href ="/demo " class ="nav-link "> Demo</ a > </ li > < li class ="nav-item "> < a href ="/api " class ="nav-link "> API</ a > </ li > < li class ="nav-item "> < a href ="/customize " class ="nav-link "> Customize</ a > </ li > </ ul > </ nav > </ div > </ div > < div class ="container py-3 "> < div class ="pt-4 " role ="main "> < div > < h3 class ="fw-bold "> use-bootstrap-tag</ h3 > < p > Tag input for Bootstrap 5</ p > < div class ="d-flex flex-wrap gap-2 "> < img src ="https://img.shields.io/npm/v/use-bootstrap-tag " alt ="version "> < img src ="https://img.shields.io/bundlephobia/minzip/use-bootstrap-tag/2.2.0 " alt ="minified + gzip "> < img src ="https://img.shields.io/npm/dm/use-bootstrap-tag " alt ="downloads per month "> < img src ="https://img.shields.io/npm/types/use-bootstrap-tag " alt ="types "> </ div > < hr > < h4 class ="fw-bold "> Features</ h4 > < ul class ="text-body-secondary "> < li > < b > Custom separator</ b > : Set a specific delimiter character between tag elements.</ li > < li > < b > Enable/disable duplicates</ b > : Toggle the allowance of duplicate tags.</ li > < li > < b > Custom transformation</ b > : Define personalized modifications to input tag entries.</ li > < li > < b > Max limit</ b > : Set a maximum limit of tags that can be added.</ li > < li > < b > Sizing</ b > : Adjustable sizing to match user preferences or layouts.</ li > < li > < b > Validation</ b > : Reflects validation states visually to align with Bootstrap's form validationfeedback.</ li > </ ul > < hr > < h4 class ="fw-bold "> Repository</ h4 > < a class ="link-body-emphasis " target ="_blank " href ="https://github.com/use-bootstrap/use-bootstrap-tag "> https://github.com/use-bootstrap/use-bootstrap-tag</ a > < hr > < h4 class ="fw-bold "> License</ h4 > MIT< div class ="d-flex justify-content-between gap-3 "> < span > </ span > < a href ="/install " class ="btn btn-outline-secondary text-decoration-none border d-inline-flex flex-column align-items-end w-50 "> < span class ="small "> Next page</ span > Install</ a > </ div > </ div > </ div > </ div > </ div >
1414
1515
1616
Original file line number Diff line number Diff line change 55 < meta name ="keywords " content ="bootstrap tag, tag input, bootstrap input ">
66 < link rel ="icon " type ="image/svg+xml " href ="/favicon.svg ">
77 < title > use-bootstrap-tag | Tag input for Bootstrap 5</ title >
8- < script type ="module " crossorigin ="" src ="/assets/index-7cec1c2c .js "> </ script >
8+ < script type ="module " crossorigin ="" src ="/assets/index-78c98165 .js "> </ script >
99 < link rel ="stylesheet " href ="/assets/index-194f4a9b.css ">
1010</ head >
1111
Original file line number Diff line number Diff line change 11{
22 "name" : " use-bootstrap-tag"
33 "type" : " module"
4- "version" : " 2.1.1 "
4+ "version" : " 2.2.0 "
55 "description" : " Tag input for Bootstrap 5"
66 "license" : " MIT"
77 "homepage" : " https://use-bootstrap-tag.js.org"
5050 "@antfu/eslint-config" : " 0.43.1"
5151 "@fontsource/hind-siliguri" : " 5.0.8"
5252 "@types/bootstrap" : " 5.2.7"
53- "@types/node" : " 20.7.2 "
53+ "@types/node" : " 20.8.5 "
5454 "@types/prismjs" : " 1.26.1"
5555 "autoprefixer" : " 10.4.16"
5656 "bootstrap" : " 5.3.2"
5757 "esbuild" : " 0.19.4"
58- "eslint" : " 8.50 .0"
58+ "eslint" : " 8.51 .0"
5959 "eslint-plugin-react" : " 7.33.2"
6060 "jalankan" : " 0.0.1"
6161 "navaid" : " 1.2.0"
6464 "presite" : " 2.1.2"
6565 "prismjs" : " 1.29.0"
6666 "purgecss" : " 5.0.0"
67- "sass" : " 1.68.0 "
67+ "sass" : " 1.69.3 "
6868 "scule" : " 1.0.0"
6969 "shx" : " 0.3.4"
70- "solid-js" : " 1.7.12 "
70+ "solid-js" : " 1.8.1 "
7171 "tslib" : " 2.6.2"
7272 "typescript" : " 5.2.2"
73- "vite" : " 4.4.9 "
73+ "vite" : " 4.4.11 "
7474 "vite-plugin-dts" : " 3.6.0"
75- "vite-plugin-solid" : " 2.7.0 "
75+ "vite-plugin-solid" : " 2.7.1 "
7676 }
7777}
You can’t perform that action at this time.
0 commit comments