<YourComponent isOutlined={true} />
const StyledComponent = ({ ... }) => {...
return <Wrapper ... isOutlined={isOutlined ? isOutlined.toString() : undefined}
}
const Wrapper = styled.div<{ isOutlined?: string}>`
border: ${( props) => props.isOutlined ? '2px solid red' : 'none};
`