Custom Props

Most of the components of Crono accept customized props.
This allows components to act in ways not designed by the framework.

<Card {...props}>...</Card>

It is possible to pass any kind of prop.
It could be very useful to handle components as flex inside a <Box /> for example, or to pass a className to the component.

Example

<Box>
  <Typography style={{ flex: 2 }}>This will take more space</Typography>
  <Typography style={{ flex: 1 }} className="custom-class">
    Compared to this
  </Typography>
</Box>

caution

Do not use this to override anything defined in the theme