Tooltip

Name: elia
Author: AILE.SH

Displays a short label above or below its trigger on hover and focus.

Installation

bun add elia

@import "tailwindcss";
@import "@aile.sh/elia/styles/elia.css";
@source "../node_modules/@aile.sh/elia";

Usage

import { Button, Tooltip } from "@aile.sh/elia";

export function Example() {
  return (
    <div className="flex flex-wrap items-center gap-2">
      <Tooltip content="Copy API key">
        <Button variant="secondary">Copy</Button>
      </Tooltip>
      <Tooltip content="Opens the supplier portal" side="bottom">
        <Button variant="secondary">Open portal</Button>
      </Tooltip>
    </div>
  );
}

— elia design system · MIT · base · https://github.com/aile-sh/elia