src/components/Input.tsx

import styled, { css } from 'styled-components/native';

const Input = styled.TextInput<{ icon?: boolean }>`
    margin: 10px 0;
    border-radius: 8px;
    padding: 15px;

    ${(props) => props.icon && css`
        padding-left: 40px;
    `}
`;

export default Input;
Make padding-left optional on textinput 2022-05-17 23:05:45 +02:00			`import styled, { css } from 'styled-components/native';`
Port to Redux and add settings 2020-06-17 14:58:04 +02:00
Make padding-left optional on textinput 2022-05-17 23:05:45 +02:00			const Input = styled.TextInput<{ icon?: boolean }>`
Port to Redux and add settings 2020-06-17 14:58:04 +02:00			`margin: 10px 0;`
Fancy new buttons and more consistent colors 2021-02-11 23:43:21 +01:00			`border-radius: 8px;`
Port to Redux and add settings 2020-06-17 14:58:04 +02:00			`padding: 15px;`
Make padding-left optional on textinput 2022-05-17 23:05:45 +02:00
			${(props) => props.icon && css`
			`padding-left: 40px;`
			`}
Port to Redux and add settings 2020-06-17 14:58:04 +02:00			`;

			`export default Input;`