flex
Utilities for flex styling
function flex(options: FlexOptions): SerializedStyles;
function flex(
align: CSSProperties['alignItems'],
justify?: CSSProperties['justifyContent'],
direction?: CSSProperties['flexDirection']
): SerializedStyles;
Examples
const MyButton = styled.button`
width: 50px;
height: 50px;
background-color: rgb(249, 250, 251, 0.6);
${flex({ justify: 'center', align: 'center' })};
`;
const MyButton2 = styled.button`
width: 50px;
height: 50px;
background-color: rgb(249, 250, 251, 0.6);
${flex('center', 'center')}
`;