Reverse input and label positioning?

[jbdivups]

Trying to have label on left and radio input on right. Any help is much appreciated. Thanks for the great library.

[lokesh-coder]

Hi @jbdivups ,

Plesae try this CSS,

.pretty .state label{
  padding-right: 1.5rem;
  text-indent: inherit;
}

.pretty .state label:after,
.pretty .state label:before{
  left: auto;
  right: 0;
}

Also, here's the jsbin, https://jsbin.com/mikuqil/edit?html,css,output

[yann-yinn]

@lokesh-coder thanks for your component ! I tried the code above without luck. Any idea ? An option to reverse the label could be an awesome additionnal feature

[lokesh-coder]

Hi @nyl-auster, im working on a new update. I will add this feature very sooner. And regarding this issue, i will post a quick fix shortly.

[TimNZ]

This seems to work for icons.

.pretty.right .state > i
    {
        right: 0;
        left: auto !important;
    }

[skillmatic-co]

Any official update here? Or is this library abandoned?

[johhnry]

Hi, thanks for the library!

I would like to do the exact same thing : move the label to the left of the checkbox. Right now, if I put the label before the input html element, they overlap.