<input class="switch-input" id="exampleSwitch" type="checkbox" name="exampleSwitch">
<label class="switch-paddle" for="exampleSwitch">
<span class="show-for-sr">Download Kittens</span>
</label>
</div>
(not that I want to download any kittens, it's just what it says in the example)
I get:
Note that instead of 'input class' I get 'label class', so it seems like I have two labels. Don't know if that might be the culprit or not. Also, I don't know how to add that span class for the screen reader text, unless I add it to the source code after export.
I must be doing something wrong, or there is something I'm overlooking, but I've tried all I can think of. The three switch classes I've used are listed among the Foundation classes in the app, so somehow it should be possible to create a working switch. Has any of you done it and succeeded? Got some good ideas for me?
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com