Interface ITextFieldProps { high?: boolean; disabled?: boolean; } export const

Question

Interface ITextFieldProps { high?: boolean; disabled?: boolean; } export const

TextField = styled(InputMask)<ITextFieldProps>`
&&& {
font-family: ProximaNova;
border: 1px solid #d4d9dc;
border-radius: 2px;
outline: none;
box-sizing: border-box;
font-size: 18px;
height: ${p => (p.high ? '60px' : '40px')};
color: ${p => (p.disabled ? '#9A9A9A' : '#000000')};
${p =>
p.high &&
css`
padding-top: 18px;
`}
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
&&&:focus {
border-color: #208cff;
}
&&&:disabled {
background-color: #f5f6f7;
}
`;

#frontend #javascript #programming #react.js #russian

0

13.02.2019

1 ответов

23 просмотра

𝙿𝚊𝚟𝚎𝚕 𝙻𝚘𝚔𝚑𝚖𝚊𝚔𝚘𝚟 · Accepted Answer

𝙿𝚊𝚟𝚎𝚕 𝙻𝚘𝚔𝚑𝚖𝚊𝚔𝚘𝚟

styled(({ high, ...props }) => <InputMask {...props} />)``

0

13.02.2019

169 похожих чатов

Interface ITextFieldProps { high?: boolean; disabled?: boolean; } export const

1 ответов

Похожие вопросы