# JSON Schema Form Element — ***Material*** edition

```sh
npm install @jsfe/material
```

- Consult the [documentation](../../README.md).
- Open the [playground](https://jsfe.js.org).
- Try the [examples](https://github.com/json-schema-form-element/examples#readme).

---

# `packages/material/src/form.def.ts`:

## Exports

| Kind                        | Name           | Declaration | Module                         | Package |
| --------------------------- | -------------- | ----------- | ------------------------------ | ------- |
| `custom-element-definition` | `jsf-material` | JsfMaterial | /packages/material/src/form.js |         |

# `packages/material/src/form.ts`:

## class: `JsfMaterial`, `jsf-material`

### Superclass

| Name  | Module | Package    |
| ----- | ------ | ---------- |
| `Jsf` |        | @jsfe/form |

### Fields

| Name          | Privacy | Type    | Default    | Description | Inherited From |
| ------------- | ------- | ------- | ---------- | ----------- | -------------- |
| `widgets`     | public  |         | `widgets`  |             |                |
| `styleSheets` | public  | `array` | `[styles]` |             |                |

<hr/>

## Exports

| Kind | Name          | Declaration | Module                        | Package |
| ---- | ------------- | ----------- | ----------------------------- | ------- |
| `js` | `JsfMaterial` | JsfMaterial | packages/material/src/form.ts |         |

# `packages/material/src/index.ts`:

## Exports

| Kind | Name          | Declaration | Module    | Package            |
| ---- | ------------- | ----------- | --------- | ------------------ |
| `js` | `JsfMaterial` | JsfMaterial | ./form.js |                    |
| `js` | `*`           | \*          |           | ./widgets/index.js |
| `js` | `*`           | \*          |           | @jsfe/types        |
| `js` | `Jsf`         | Jsf         |           | @jsfe/form         |

# `packages/material/src/styles.ts`:

## Variables

| Name     | Description | Type |
| -------- | ----------- | ---- |
| `styles` |             |      |

<hr/>

## Exports

| Kind | Name     | Declaration | Module                          | Package |
| ---- | -------- | ----------- | ------------------------------- | ------- |
| `js` | `styles` | styles      | packages/material/src/styles.ts |         |