Function Example

docs/examples/datapoint/sizeExample2.tsx:3–9

()

import { Box, Datapoint } from 'gestalt';

export default function Example() {
  return (
    <Box alignItems="center" display="flex" height="100%" justifyContent="center" padding={8}>
      <Datapoint size="lg" title="Spend" value="$1.23m" />
    </Box>
  );
}