Getting Started

If you're using Capacitor or Next.js take a look at the example projects

Install

  1. Install the package

    npm
    yarn
    pnpm
    bun
    deno
    npm install adaptive-material-ui

  2. If you don't already have Material UI follow the Material UI install steps

Theme Provider

Add the AdaptiveThemeProvider component to the root of your app, this applies the iOS font & default colors. If you already had a ThemeProvider, replace it with this component and update your theme to target the Adaptive components.

import { AdaptiveThemeProvider } from "adaptive-material-ui/theme/adaptiveThemeProvider";

export default function App() {
  return (
    <AdaptiveThemeProvider>
      <ChildComponentsGoHere />
    </AdaptiveThemeProvider>
  );
}

Next Steps

It's time to choose the next step in your adventure, do you