You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
1.3 KiB
85 lines
1.3 KiB
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`component.UI.Toggle should render correctly 1`] = `
|
|
.c0 {
|
|
position: relative;
|
|
}
|
|
|
|
.c0 .switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 35px;
|
|
height: 22px;
|
|
}
|
|
|
|
.c0 .switch input {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
.c0 .slider {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: #959595;
|
|
-webkit-transition: 0.4s;
|
|
transition: 0.4s;
|
|
border-radius: 34px;
|
|
}
|
|
|
|
.c0 .slider:before {
|
|
position: absolute;
|
|
content: '';
|
|
height: 20px;
|
|
width: 20px;
|
|
left: 1px;
|
|
bottom: 1px;
|
|
background-color: white;
|
|
-webkit-transition: 0.4s;
|
|
transition: 0.4s;
|
|
border-radius: 50%;
|
|
box-shadow: 1px 1px 3px #555;
|
|
}
|
|
|
|
.c0 input:checked + .slider {
|
|
background-color: #39e673;
|
|
}
|
|
|
|
.c0 input:focus + .slider {
|
|
box-shadow: 0 0 1px #2196f3;
|
|
}
|
|
|
|
.c0 input:checked + .slider:before {
|
|
-webkit-transform: translateX(13px);
|
|
-ms-transform: translateX(13px);
|
|
transform: translateX(13px);
|
|
}
|
|
|
|
<form
|
|
onReset={[Function]}
|
|
onSubmit={[Function]}
|
|
>
|
|
<div
|
|
className="c0"
|
|
>
|
|
<label
|
|
className="switch"
|
|
>
|
|
<input
|
|
checked={false}
|
|
name="name"
|
|
onBlur={[Function]}
|
|
onChange={[Function]}
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
className="slider round"
|
|
/>
|
|
</label>
|
|
</div>
|
|
</form>
|
|
`;
|
|
|