Skip to Content
Min Width

Min Width

Use minW prop to control the min-width of an element.

A flex item doesn’t shrink below its content by default. Set minW="0" on it so it can shrink, for example so a Text with truncate inside it truncates. minW="auto" restores the default.

#

Documentation

#

Usage

AL

Mathematician and the first computer programmer

import { Avatar, Box, Group, Text } from "@optiaxiom/react";
 
export function App() {
  return (
    <Group gap="8" w="224">
      <Avatar name="Ada Lovelace" />
      <Box minW="0">
        <Text truncate>Mathematician and the first computer programmer</Text>
      </Box>
    </Group>
  );
}
Last updated on
Max WidthObject Fit