---
title: "Material Classic skin demo"
description: "Material Classic Demo"
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/material-classic-demo/"
md_url: "https://www.tiny.cloud/docs/tinymce/7/material-classic-demo/index.md"
version: "7"
last_updated: "2022-03-30T07:08:51Z"
tokens: 173
---
Important This page documents TinyMCE 7. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/material-classic-demo/).
# Material Classic skin demo

This demo shows an example form using the classical Material Design web components together with TinyMCE with the *Material Classic* skin and *Material* icon pack.

**Example**

```js
tinymce.init({
  selector: 'textarea#premiumskinsandicons-material-classic',
  skin: 'material-classic',
  content_css: 'material-classic',
  icons: 'material',
  plugins: 'code image link lists',
  toolbar: 'undo redo | styles | bold italic underline forecolor backcolor | link image code | align | bullist numlist',
  menubar: false
});
```