text: import l from"./Index.02a2bd10.js";import{S as c}from"./box.25b4751f.js";import{n as d,S as i}from"./index.259ac129.js";import{S as r}from"./Index.3c574d56.js";import n from"./Index.8d457bda.js";import"./vendor.edd272bb.js";var u=function(){var a=this,s=a.$createElement,e=a._self._c||s;return e("div",{staticClass:"s-checkbox-example"},[e("s-title",{staticClass:"h1",attrs:{title:"Checkbox"}}),e("p",{staticClass:"subtitle"},[a._v(" Input Checkbox \xE9 uma caixa de sele\xE7\xE3o que a pessoa usu\xE1ria pode marcar ou desmarcar para aceitar alguma a\xE7\xE3o. Podendo usar um ou mais checkboxs seguidos. ")]),e("s-title",{staticClass:"h2",attrs:{title:"Quando usar"}}),e("p",{staticClass:"subtitle"},[a._v(" Use as caixas de sele\xE7\xE3o quando as pessoas usu\xE1rias devem selecionar uma ou mais op\xE7\xF5es de uma lista de itens relacionados; ")]),e("p",{staticClass:"subtitle"},[a._v(" Pode ser usado para filtrar dados em uma p\xE1gina, em um menu ou em um componente e em uma a\xE7\xE3o expl\xEDcita na qual \xE9 necess\xE1ria para aplicar as configura\xE7\xF5es; ")]),e("p",{staticClass:"subtitle"},[a._v(" Podem ser utilizados em alguns componentes como: Modais, Formul\xE1rios, Tabelas, Termos e Condi\xE7\xF5es. ")]),e("source-code",{attrs:{file:"SCheckboxExample",comp:"SCheckbox"}}),e("s-title",{staticClass:"h2",attrs:{title:"Default"}}),e("s-box",[e("s-checkbox",{attrs:{label:"Default Checkbox"},model:{value:a.data0,callback:function(t){a.data0=t},expression:"data0"}}),e("br"),e("s-checkbox",{attrs:{label:"Checked Checkbox"},model:{value:a.data1,callback:function(t){a.data1=t},expression:"data1"}})],1),e("pre-code",{attrs:{code:a.code1}}),e("s-title",{staticClass:"h2",attrs:{title:"Stats"}}),e("s-box",[e("s-checkbox",{attrs:{label:"Positive"},model:{value:a.data2,callback:function(t){a.data2=t},expression:"data2"}}),e("br"),e("s-checkbox",{attrs:{label:"Negative",negative:""},model:{value:a.data3,callback:function(t){a.data3=t},expression:"data3"}})],1),e("pre-code",{attrs:{code:a.code2}}),e("s-title",{staticClass:"h2",attrs:{title:"Disabled"}}),e("s-box",[e("s-checkbox",{attrs:{label:"disabled",disabled:""},model:{value:a.data4,callback:function(t){a.data4=t},expression:"data4"}})],1),e("pre-code",{attrs:{code:a.code3}})],1)},b=[];const m={components:{SCheckbox:l,SBox:c,STitle:i,SourceCode:r,PreCode:n},data(){return{data0:!1,data1:!0,data2:!0,data3:!0,data4:!0,code1:`<s-checkbox label="Default Checkbox" v-model="data0" />
        <s-checkbox label="Checked Checkbox" v-model="data1" />`,code2:`<s-checkbox label="Positive" v-model="data2" />
        <s-checkbox label="Negative" negative v-model="data3" />`,code3:'<s-checkbox label="disabled" disabled v-model="data4" />'}}},o={};var x=d(m,u,b,!1,p,null,null,null);function p(a){for(let s in o)this[s]=o[s]}var S=function(){return x.exports}();export{S as default};
  