@coral-ui/react

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

Install

npm install @coral-ui/react @coral-ui/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-ui/react";

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

See coral-ui for the full project and docs.