
        <script setup>
        import { Playground } from "@viteplay/vue"
                
        
            let modules_0 = {}
            import * as  module_0_0 from "vue"
              modules_0["vue"] = module_0_0
              
import  module_0_1 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CInput/CInput.vue"
              modules_0["../CInput.vue"] = module_0_1
              
            

            let modules_1 = {}
            import * as  module_1_0 from "vue"
              modules_1["vue"] = module_1_0
              
import  module_1_1 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CInput/CInput.vue"
              modules_1["../CInput.vue"] = module_1_1
              
            

            let modules_2 = {}
            import * as  module_2_0 from "vue"
              modules_2["vue"] = module_2_0
              
import  module_2_1 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CInput/CInput.vue"
              modules_2["../CInput.vue"] = module_2_1
              
            

            let modules_3 = {}
            import * as  module_3_0 from "vue"
              modules_3["vue"] = module_3_0
              
import  module_3_1 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CInput/CInput.vue"
              modules_3["../CInput.vue"] = module_3_1
              
            

            let modules_4 = {}
            import * as  module_4_0 from "vue"
              modules_4["vue"] = module_4_0
              
import  module_4_1 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CInput/CInput.vue"
              modules_4["../CInput.vue"] = module_4_1
              
            

            let modules_5 = {}
            import * as  module_5_0 from "vue"
              modules_5["vue"] = module_5_0
              
import  module_5_1 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CInput/CInput.vue"
              modules_5["../CInput.vue"] = module_5_1
              
            
        </script>
        <template>
          <div>
            <h1>CInput</h1>
            
            <section>
            <h2 id="basic">Basic</h2>
            <Playground :modules="modules_0" :code="decodeURI(`%3Cscript%20setup%3E%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0Aimport%20CInput%20from%20'../CInput.vue'%0A%0Aconst%20text%20=%20ref('')%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3CCInput%20v-model=%22text%22%20/%3E%0A%20%20model:%7B%7B%20text%20%7D%7D%0A%3C/template%3E%0A%0A%3Cdocs%3E%0A%E3%81%93%E3%81%A1%E3%82%89%E3%81%AF%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%85%A5%E5%8A%9B%E6%AC%84%E3%81%A7%E3%81%82%E3%81%A3%E3%81%A6%E3%80%81%E5%B8%B8%E3%81%AB%E3%81%93%E3%81%A1%E3%82%89%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82%0A%3C/docs%3E%0A`)" />
            </section>
              

            <section>
            <h2 id="disabled">Disabled</h2>
            <Playground :modules="modules_1" :code="decodeURI(`%3Cscript%20setup%3E%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0Aimport%20CInput%20from%20'../CInput.vue'%0A%0Aconst%20text%20=%20ref('')%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3CCInput%20v-model=%22text%22%20:p_Disabled=%22true%22%20/%3E%0A%20%20model:%7B%7B%20text%20%7D%7D%0A%3C/template%3E%0A`)" />
            </section>
              

            <section>
            <h2 id="error">Error</h2>
            <Playground :modules="modules_2" :code="decodeURI(`%3Cscript%20setup%3E%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0Aimport%20CInput%20from%20'../CInput.vue'%0A%0Aconst%20text%20=%20ref('')%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3CCInput%20v-model=%22text%22%20:p_Error=%22true%22%20/%3E%0A%20%20model:%7B%7B%20text%20%7D%7D%0A%3C/template%3E%0A`)" />
            </section>
              

            <section>
            <h2 id="password">Password</h2>
            <Playground :modules="modules_3" :code="decodeURI(`%3Cscript%20setup%3E%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0Aimport%20CInput%20from%20'../CInput.vue'%0A%0Aconst%20text%20=%20ref('')%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3CCInput%20v-model=%22text%22%20type=%22password%22%20/%3E%0A%0A%20%20model:%7B%7B%20text%20%7D%7D%0A%3C/template%3E%0A`)" />
            </section>
              

            <section>
            <h2 id="search">Search</h2>
            <Playground :modules="modules_4" :code="decodeURI(`%3Cscript%20setup%3E%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0Aimport%20CInput%20from%20'../CInput.vue'%0A%0Aconst%20text%20=%20ref('')%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3CCInput%20v-model=%22text%22%20:p_Search=%22true%22%20/%3E%0A%20%20model:%7B%7B%20text%20%7D%7D%0A%3C/template%3E%0A`)" />
            </section>
              

            <section>
            <h2 id="title">Title</h2>
            <Playground :modules="modules_5" :code="decodeURI(`%3Cscript%20setup%3E%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0Aimport%20CInput%20from%20'../CInput.vue'%0A%0Aconst%20text%20=%20ref('')%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3CCInput%20v-model=%22text%22%20p_Title=%22%E3%82%A4%E3%83%B3%E3%83%97%E3%83%83%E3%83%88%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%22%20/%3E%0A%20%20model:%7B%7B%20text%20%7D%7D%0A%3C/template%3E%0A`)" />
            </section>
              
          </div>
        </template>
      