3.5.5 • Published 2 months ago

matterial v3.5.5

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
2 months ago

Matterial UI

A design system by Matt Berti.

Setup

To begin, install the package in your existing project folder.

npm i matterial

Use Matterial's <Html> and <Body> components in your root layout:

// app/layout.tsx

import { Html, Body } from 'matterial'
import 'src/styles/main.scss' // Your additional styles

export default function Layout({ children }) {
  return (
    <Html>
      <Body>{children}</Body>
    </Html>
  )
}

Use Matterial's <Page> component in your page:

// app/page.tsx

import { Page } from 'matterial'

export default function AppPage() {
  return <Page>Hello, world</Page>
}

Import components to use them in your app:

// src/components/my-component.tsx

import { Button, Container } from 'matterial'

export default function MyComponent() {
  return (
    <Container row>
      <Button variant="contained" color="primary">
        Foo
      </Button>
      <Button variant="contained" color="secondary">
        Bar
      </Button>
    </Container>
  )
}

Docs

Visit official documentation.

Contributing

Feel free to file a PR if you want to help improve this project. :)

License

Apache 2.0.

Built With

Used to Build

@ariakit/reactreact-iconssass
@everything-registry/sub-chunk-2141
3.5.5

2 months ago

3.5.4

3 months ago

3.5.3

3 months ago

3.5.2

3 months ago

3.5.1

3 months ago

3.4.2

3 months ago

3.4.1

3 months ago

3.4.0

3 months ago

3.3.4

3 months ago

3.3.1

3 months ago

3.3.3

3 months ago

3.3.2

3 months ago

3.3.0

3 months ago

3.2.6

4 months ago

3.2.5

4 months ago

3.2.4

4 months ago

3.2.3

4 months ago

3.2.2

4 months ago

3.2.1

4 months ago

3.2.0

4 months ago

3.1.0

5 months ago

3.0.1

5 months ago

3.0.0

5 months ago

2.4.3

7 months ago

2.4.4

7 months ago

2.3.0

2 years ago

2.2.1

2 years ago

2.2.0

2 years ago

2.4.1

2 years ago

2.2.3

2 years ago

2.4.0

2 years ago

2.2.2

2 years ago

2.2.5

2 years ago

2.4.2

2 years ago

2.2.4

2 years ago

2.2.6

2 years ago

1.5.0

2 years ago

1.3.2

2 years ago

1.4.0

2 years ago

2.1.2

2 years ago

2.0.3

2 years ago

2.1.1

2 years ago

2.0.2

2 years ago

2.0.5

2 years ago

2.1.3

2 years ago

2.0.4

2 years ago

2.0.6

2 years ago

2.1.0

2 years ago

1.3.1

2 years ago

1.3.0

2 years ago

1.2.1

2 years ago

1.2.0

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

0.0.0

2 years ago