hamed-ehtesham / pretty-checkbox-vue

Quickly integrate pretty checkbox components with Vue.js
MIT License
261 stars 31 forks source link

Label position #18

Closed marcosrocha85 closed 5 years ago

marcosrocha85 commented 5 years ago

Every day passes by, I came more impressed with this component. Congratulations.

How can I rearrange label on top of checkbox, at right or below of it?

hamed-ehtesham commented 5 years ago

Hi Marcos, thank you for the kind words,

though the real credit goes to @lokesh-coder for base (CSS) library and although he watches this repository too but the right place for this question is his repository

and these following issues are some part of your answer (to place checkbox at right) but to place label on top or below of ckeckbox you should make that happen yourself at the current time https://github.com/lokesh-coder/pretty-checkbox/issues/34 https://github.com/lokesh-coder/pretty-checkbox/issues/43

marcosrocha85 commented 5 years ago

Thank you Hamed. Actually I can do that by placing a Label tag outside the p-check, but unfortunately clicking at label does not fire p-check click event unless I do some code.

hamed-ehtesham commented 5 years ago

there is no js code needed to fire click event: example