2 lines
3.0 KiB
JavaScript
2 lines
3.0 KiB
JavaScript
import"./chunks/FwbRange.vue_vue_type_style_index_0_scoped_fadec9c5_lang.66ff4c69.js";import{g as u,d as C,o as p,c as r,a0 as g,a1 as x,k as E,n as F,l as e,t as v,e as D,r as A,h as y,H as o,b as w,w as m,a as b,Q as i}from"./chunks/framework.3f630664.js";import{s as B}from"./chunks/simplifyTailwindClasses.275301d3.js";import{_ as q}from"./chunks/FwbA.vue_vue_type_script_setup_true_lang.693a0ec3.js";const V="block text-sm font-medium text-gray-900 dark:text-gray-300",T="w-4 h-4 rounded bg-gray-100 border-gray-300 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-600 dark:border-gray-500";function S(){const l=u(()=>B(T)),s=u(()=>V);return{checkboxClasses:l,labelClasses:s}}const P={class:"flex gap-3 items-center justify-start"},$=["disabled"],d=C({__name:"FwbCheckbox",props:{disabled:{type:Boolean,default:!1},label:{default:""},modelValue:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(l,{emit:s}){const t=l,a=s,n=u({get(){return t.modelValue},set(c){a("update:modelValue",c)}}),{checkboxClasses:k,labelClasses:f}=S();return(c,h)=>(p(),r("label",P,[g(E("input",{"onUpdate:modelValue":h[0]||(h[0]=_=>n.value=_),class:F(e(k)),disabled:c.disabled,type:"checkbox"},null,10,$),[[x,n.value]]),c.label?(p(),r("span",{key:0,class:F(e(f))},v(c.label),3)):D("",!0),A(c.$slots,"default")]))}}),I={class:"vp-raw"},N={__name:"FwbCheckboxExample",setup(l){const s=y(!1);return(t,a)=>(p(),r("div",I,[o(e(d),{modelValue:s.value,"onUpdate:modelValue":a[0]||(a[0]=n=>s.value=n),label:"Default checkbox"},null,8,["modelValue"])]))}},U={class:"vp-raw"},L={__name:"FwbCheckboxExampleChecked",setup(l){const s=y(!0);return(t,a)=>(p(),r("div",U,[o(e(d),{modelValue:s.value,"onUpdate:modelValue":a[0]||(a[0]=n=>s.value=n),label:"Checked checkbox"},null,8,["modelValue"])]))}},R={class:"vp-raw"},j={__name:"FwbCheckboxExampleDisabled",setup(l){const s=y(!1);return(t,a)=>(p(),r("div",R,[o(e(d),{modelValue:s.value,"onUpdate:modelValue":a[0]||(a[0]=n=>s.value=n),disabled:"",label:"Disabled checkbox"},null,8,["modelValue"])]))}},O={__name:"FwbCheckboxExampleLink",setup(l){const s=y(!1);return(t,a)=>(p(),w(e(d),{modelValue:s.value,"onUpdate:modelValue":a[0]||(a[0]=n=>s.value=n)},{default:m(()=>[o(e(q),{href:"#"},{default:m(()=>[b(" I agree with the terms and conditions. ")]),_:1})]),_:1},8,["modelValue"]))}},z=E("h1",{id:"vue-checkbox-flowbite",tabindex:"-1"},[b("Vue Checkbox - Flowbite "),E("a",{class:"header-anchor",href:"#vue-checkbox-flowbite","aria-label":'Permalink to "Vue Checkbox - Flowbite"'},"")],-1),H=E("h2",{id:"default-checkbox",tabindex:"-1"},[b("Default checkbox "),E("a",{class:"header-anchor",href:"#default-checkbox","aria-label":'Permalink to "Default checkbox"'},"")],-1),J=i("",2),M=i("",2),Q=i("",2),G=i("",1),ss=JSON.parse('{"title":"Vue Checkbox - Flowbite","description":"","frontmatter":{},"headers":[],"relativePath":"components/checkbox.md","filePath":"components/checkbox.md"}'),K={name:"components/checkbox.md"},as=Object.assign(K,{setup(l){return(s,t)=>(p(),r("div",null,[z,H,o(N),J,o(j),M,o(L),Q,o(O),G]))}});export{ss as __pageData,as as default};
|