ReUI Icon Tile

ReUI Icon Tile with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.

import { GlobeIcon, StarIcon, CircleCheckIcon } from "lucide-react"
import { IconTile } from "@/components/ui/reui-icon-tile"


export default function Pattern() {
  return (
    <div className="flex items-center justify-center gap-4">
      <IconTile variant="outline" size="lg" radius="full" aria-hidden="true">
        <GlobeIcon />
      </IconTile>
      <IconTile variant="elevated" size="lg" radius="full" aria-hidden="true">
        <StarIcon />
      </IconTile>
      <IconTile variant="frame" size="lg" radius="full" aria-hidden="true">
        <CircleCheckIcon />
      </IconTile>
    </div>
  )
}