Vue 2 | Toggle | Made with Supernova


                                                        
                                                        
                                                            <template>
                                                          <div>
                                                            <w-toggle v-model="isChecked" label="Basic toggle" />
                                                          </div>
                                                        </template>
                                                        
                                                        <script>
                                                        export default {
                                                          data() {
                                                            return {
                                                              isChecked: false
                                                            };
                                                          }
                                                        };
                                                        </script>

Name	Description	Type	Default
hint	Text displayed under the label with additional information	string
label Required	Label of the input element	string
required	Determines whether the input is required or not.	boolean
checked	Controls whether the input is checked or not.	boolean	false
reverse	Controls whether the content is in reverse order.	boolean	false
disabled	Sets the component as disabled.	Boolean	false

Name	Description	Type
change	Emits if input is checked or not	{ "names": [ "Boolean" ] }

Name	Description
hint	Use it to provide rich content for input hint. Takes precedence over hint property.

Toggle

Props

Events

Slots