open-index/open-npm huggingface dataset:
npm package: @material-design/angular
Description: A set of material components for Angular.
Author: James Birtles
Latest version: 0.9.1

# Angular Material Design
A set of UI components that follow the [Material Design Guidelines](https://material.io/guidelines/)

## Install
```sh
yarn add @material-design/angular
```
_or_
```sh
npm i -S @material-design/angular
```

## Usage

(More details coming soon)

### Styles
You must also include the css for the component which you can do per component,
or simply include the full stylesheet.
```html
<link rel="stylesheet" href="node_modules/@material-design/angular/styles.css">
```

If using sass, you can import the sass directly from the src folder.
```scss
@import '~@material-design/angular/styles';
```

## Theming

See the [theming guide](https://github.com/VuexLtd/universal-material-design/wiki/Theming)
npm package: @material-design/preact
Description: A set of material components for Preact.
Author: James Birtles
Latest version: 0.9.1

# Preact Material Design
A set of UI components that follow the [Material Design Guidelines](https://material.io/guidelines/)

## Install
```sh
yarn add @material-design/preact
```
_or_
```sh
npm i -S @material-design/preact
```

## Usage

(More details coming soon)

### Code
To use any given component, simply import it,
and then use it like any other preact component/
```jsx
import { Button } from '@material-design/preact';

() => <Button>Primary Button</Button>
```

### Styles
You must also include the css for the component which you can do per component,
or simply include the full stylesheet.
```html
<link rel="stylesheet" href="node_modules/@material-design/preact/styles.css">
```

If using sass, you can import the sass directly from the src folder.
```scss
@import '~@material-design/preact/styles';
```

## Theming

See the [theming guide](https://github.com/VuexLtd/universal-material-design/wiki/Theming)