Skip to content

Commit 6c7608c

Browse files
committed
transition for disabled CSS; update example
1 parent 86df731 commit 6c7608c

File tree

3 files changed

+20
-13
lines changed

3 files changed

+20
-13
lines changed

example/index.js

Lines changed: 17 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -216,18 +216,23 @@ var App = React.createClass({
216216
{/* Disabled */}
217217

218218
<div className="example">
219-
<label>
220-
<Toggle
221-
defaultChecked={false}
222-
disabled={true} />
223-
<span className="label-text">Diabled, Unchecked</span>
224-
</label>
225-
<label>
226-
<Toggle
227-
defaultChecked={true}
228-
disabled={true} />
229-
<span className="label-text">Disabled, Checked</span>
230-
</label>
219+
<div style={{marginBottom: '8px'}}>
220+
<label>
221+
<Toggle
222+
defaultChecked={false}
223+
disabled={true} />
224+
<span className="label-text">Diabled, Unchecked</span>
225+
</label>
226+
</div>
227+
228+
<div>
229+
<label>
230+
<Toggle
231+
defaultChecked={true}
232+
disabled={true} />
233+
<span className="label-text">Disabled, Checked</span>
234+
</label>
235+
</div>
231236

232237
<pre>
233238
{`<label>

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-toggle",
3-
"version": "1.2.0",
3+
"version": "1.2.1",
44
"description": "An elegant, accessible toggle component for React. Also a glorified checkbox.",
55
"main": "index.js",
66
"style": "style.css",

style.css

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,8 @@
3030

3131
.react-toggle--disabled {
3232
opacity: 0.5;
33+
-webkit-transition: opacity 0.25s;
34+
transition: opacity 0.25s;
3335
}
3436

3537
.react-toggle-track {

0 commit comments

Comments
 (0)