Function Example

docs/examples/column/variantBasic.tsx:3–25

()

import { Box, Column, Flex, Text } from 'gestalt';

export default function Example() {
  return (
    <Flex alignItems="center" height="100%" justifyContent="center" width="100%">
      {Array(12)
        // @ts-expect-error - TS2554 - Expected 1-3 arguments, but got 0.
        .fill()
        .map((_, i) => (
          // eslint-disable-next-line react/no-array-index-key
          <Column key={i} span={1}>
            <Box color="secondary" padding={1}>
              <Box color="default" paddingY={2}>
                <Text align="center">
                  <code>span</code>
                  <br />
                  <code>= 1</code>
                </Text>
              </Box>
            </Box>
          </Column>
        ))}
    </Flex>
  );
}