JAD3N / remix-chakra-ui

This repo is the official Chakra UI example from Remix with modifications to fix client-side hydration styles.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Chakra UI Example

In this setup we will setup Chakra UI with Remix.

Please note that when adding Chakra UI to a TypeScript project, a minimum TypeScript version of 4.1.0 is required

Preview

Open this example on CodeSandbox:

Open in CodeSandbox

Example

This example shows how to use Chakra UI with Remix.

Check app/root.tsx where Chakra UI is imported and provides context to the component tree.

Uncomment the thrown error on ./app/root.tsx to see how Chackra UI handles your styles graciously on CatchBoundary. Then, navigate a Not Found route (like /admin) to see ErrorBoundary in action.

Related Links

Chakra UI

About

This repo is the official Chakra UI example from Remix with modifications to fix client-side hydration styles.


Languages

Language:TypeScript 95.2%Language:JavaScript 4.8%