react-toggle icon indicating copy to clipboard operation
react-toggle copied to clipboard

demo page misleading

Open RickeyWard opened this issue 7 years ago • 0 comments

The demo page has additional styles that it doesn't tell you about, you can't get the results in the demo page by copying the code displayed in the demo page. This is confusing.

missing styles are:

.react-toggle {
  margin-right: 8px;
  vertical-align: middle;
}

label, .label-text {
  vertical-align: middle;
  font-weight: normal;
  margin-bottom: 0; /* override bootstrap */
}

and the mark up is missing className="label-text" on the span.

this is not mentioned on the demo page anywhere and is a little frustrating that you have to view the source to the page to figure out what's going on.

I'd like to suggest adding this information to the demo page.

RickeyWard avatar Dec 25 '18 02:12 RickeyWard