Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 14230 | Rev 14351 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 14230 Rev 14231
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { useEffect } from 'react'
 2 
import { useEffect } from 'react'
3 
import { useState } from 'react'
 3 
import { useState } from 'react'
Línea -... Línea 4...
- 
 
 4 
 
- 
 
 5 
const ToggleComponent = ({
- 
 
 6 
	label1 = 'Activo',
4 
 
 7 
	label2 = 'Inactivo',
- 
 
 8 
	setValue = function () { }
Línea 5... Línea 9...
5 
const ToggleComponent = ({ setValue = function () { } }) => {
 9 
}) => {
Línea 6... Línea 10...
6 
 
 10 
 
7 
	const [isActive, setIsActive] = useState(false)
 11 
	const [isActive, setIsActive] = useState(false)
Línea 22... Línea 26...
22 
			<input
 26 
			<input
23 
				type="checkbox"
 27 
				type="checkbox"
24 
				checked={isActive}
 28 
				checked={isActive}
25 
			/>
 29 
			/>
26 
			<div className="toggle-group">
 30 
			<div className="toggle-group">
27 
				<label htmlFor="status" className="btn btn-primary toggle-on">Mostrar</label>
 31 
				<label htmlFor="status" className="btn btn-primary toggle-on">{label1}</label>
28 
				<label htmlFor="status" className="btn btn-light toggle-off">No mostrar</label>
 32 
				<label htmlFor="status" className="btn btn-light toggle-off">{label2}</label>
29 
				<span className="toggle-handle btn btn-light"></span>
 33 
				<span className="toggle-handle btn btn-light"></span>
30 
			</div>
 34 
			</div>
31 
		</div>
 35 
		</div>
32 
	)
 36 
	)
33 
}
 37 
}