/
SOFG1
/
generic
Обзор
Документация
Войти
/
SOFG1
/
generic
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/UI/Input/SquareCheckbox.tsx
48 строк
916 B
Eddy
initial commit
22 июл 2024, 17:06
22 июл 2024, 17:06
a72fa2b
Код
Авторство
О чём код?
import {memo} from "react"; import styled from "styled-components"; import {desktopBp} from "../../styles/variables"; interface IProps{ active?:boolean, onChange:(value:boolean)=>void, className?:string; } const SquareCheckbox = memo(({active, onChange, ...props}:IProps)=>{ return ( <Container {...props} onClick = {()=>onChange(!active)}> {active && <Active className = "sq-checkbox-active"/>} </Container> ) }) export default SquareCheckbox; const Container = styled.div` width: 1.13vw; cursor: pointer; height: 1.13vw; display: flex; justify-content: center; align-items: center; border: 1px solid #000; @media(max-width:${desktopBp}){ width: 14px; height: 14px; } ` const Active = styled.div` width: 0.67vw; height: 0.67vw; background: #000; @media(max-width:${desktopBp}){ width: 8px; height: 8px; } `