#Edit width of component inside Group

5 messages · Page 1 of 1 (latest)

agile vector
#

How do I decrease the width of the "left" side so that the string inside the "right" side will not be compressed?

            <Grid.Col span={12}>
                <Group grow>
                  <Text size='sm'>
                    Transaction No.
                  </Text>
                  <Text size='sm' align='right'>
                    {transactionId}
                  </Text>
                </Group>
              </Grid.Col>
unknown.png
#

Edit width of component inside Group

#

I'm specifically trying to fix the Transaction No. row

#

<@&951563048987004940>

azure palm
#

two options

  • disable the grow prop on Group, set width manually on children
  • replace Group with another Grid