Usage

Learn the basics of working with Solid Material components.

Quickstart

Start importing a component from @solidjs-material/core:

import { Button } from "@solidjs-material/core";

export function App() {
  return <Button>Hello</Button>;
}

Global styles

Solid Material automatically apply global styles such as body background and foreground colors. Every single color is a css variable too! You could use like so:

.some-component {
  background-color: rgb(var(--primary) / 1); /* Plain css */
}

.some-component {
  @apply bg-primary; /* Tailwindcss */
}

---