Tile

import { Tile, Text } from "@hubspot/ui-extensions";

const Extension = () => {
  return (
    <>
      <Tile>
        <Text>This is the default tile. It has a small amount of left padding</Text>
      </Tile>
      <Tile compact={true}>
        <Text>This is a compact tile. It reduces the amount of padding within.</Text>
      </Tile>
      <Tile flush={true}>
        <Text>This is a flush tile. It has no left padding</Text>
      </Tile>
    </>
  );
};