IconSlot

Use IconSlot

IconSlot is a named export of @flood-md/react. Connect the package once, then import what you use.

"use client";

import { FloodRoot, IconSlot } from "@flood-md/react";
import { ArrowRight } from "lucide-react";
import "@flood-md/react/styles.css";

export function Example() {
  return (
    <FloodRoot>
      <IconSlot size="md"><ArrowRight /></IconSlot>
    </FloodRoot>
  );
}

Design notes

• No glyph pack ships in the React package. Keep the license of the host's icon artwork.
• Without label the slot is decorative. With label it exposes role="img" and an accessible name.
• Use an SVG rather than a text character. Avoid inline SVG sizing styles that override the slot.

API reference