@coral-ai/react

Base layer of Coral: provider, theme, layout primitives, panels, navbar, and content shell, built on top of Fluent UI.

Install

npm install @coral-ai/react @coral-ai/bundleicons @fluentui/react-components react react-dom

Peer dependencies do not install transitively. Install all of the above explicitly.

Usage

import {
  CoralProvider,
  CoralShellRow,
  Navbar,
  Panel,
  Content,
} from "@coral-ai/react";

export default function App() {
  return (
    <CoralProvider>
      <CoralShellRow>
        <Navbar />
        <Panel.Left />
        <Content>Hello Coral</Content>
      </CoralShellRow>
    </CoralProvider>
  );
}

See coral-ai for the full project and docs.