This is package that provides templates that can significantly reduce CSS development works in a react development environment.
Consider integrating not only business logic but also design logic into script code.
return <Box backgroundColor="red">hello world</Box>
return <Row gap="15px">...</Row>
return (
<ConstraintBuilder<number>
constraints={[
new Constraint(1000, Infinity, 3),
new Constraint(600, 1000, 2),
new Constraint(-Infinity, 600, 1)
]}
builder={(value: number) => {
return (
<Grid gap="5px" rowCount={value}>
<Text>1</Text>
<Text maxLine={1}>2</Text>
<Text type={TextType.h1} maxLine={1}>3</Text>
<Text type={TextType.h2} maxLine={2}>4</Text>
<Text type={TextType.h3} maxLine={3}>5</Text>
</Grid>
);
}
} />
)