Skip to content
v0.2.10

FloodRoot

An explicit scope for the neutral dark foundations profile.

Preview

Neutral. Dark. Local.

This composition uses FloodRoot without changing the document theme.

Use FloodRoot

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

First time here? Connect Flood
Example import style
flood-root.tsxTSX
"use client";

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

export function Example() {
  return (
    <FloodRoot>
      <Text>Your workspace starts here.</Text>
    </FloodRoot>
  );
}

Design notes

  • Import @flood-md/react/styles.css once at the application entry.
  • This root selects neutral/dark locally. Legacy controls outside it keep their earlier theme behavior.

API reference

PropValuesDefault
Native HTML propsHTMLAttributes<HTMLDivElement>Forwarded
View TypeScript source