#how to stretch grid item to max height

3 messages · Page 1 of 1 (latest)

violet cedar
# 
const Panel = () => {
  return (
    <Grid style={{ height: '100%' }}>
      <Grid.Col md={12} lg={6}>
        <Textarea />
      </Grid.Col>
      <Grid.Col md={12} lg={6}>
        <Textarea />
      </Grid.Col>
    </Grid>
  )
}

what should i do to make Textarea stretch full? (for example, the third picture)
I cannot set minRow and maxRow for Textarea because that would be a fixed value.

image.png image.png image.png
eternal crane
violet cedar
#

but this would make Textarea stretch outwards of screen. would there be anything i could do to fix it?

<Textarea styles={{ input: { minHeight: '80vh' } }} />
image.png