Install Now
How to install material-components/material-components-web. Official installation instructions. Project installation guide. Framework or library installation. Build installation instructions. How to setup and install from GitHub. Installation steps and setup instructions. Official docs and installation instructions GitHub.
material-components/material-components-web Installation Guide
How to install material-components/material-components-web. Official project installation instructions and setup guide.
⚡
Automated Install (Recommended)
Quick installation instructions for material-components/material-components-web. This is the fastest way to complete project installation and setup.
Install via curl
curl -fsSL https://hexmos.com/ipm-install | bash &&
ipm i material-components/material-components-webor
Install via npx
npx @hexmos/ipm i material-components/material-components-webPrerequisites
Node.js
system_toolVersion: >= 16.0.0
npm
package_managerVersion: 8.1.0
Yarn
package_managerVersion: 2.0.0
Webpack
build_toolVersion: 5.8.1
Sass
libraryVersion: 4.0.0
Manual Installation Methods
Manual installation instructions. How to install from GitHub source.
NPM Installation (Text Field)
npm install @material/textfield
import {MDCTextField} from '@material/textfield';
const textField = new MDCTextField(document.querySelector<HTMLElement>('.mdc-text-field'));Global NPM Installation (Text Field)
npm install -g @material/textfield
import {MDCTextField} from '@material/textfield';
const textField = new MDCTextField(document.querySelector<HTMLElement>('.mdc-text-field'));Local NPM Installation (Text Field)
npm install @material/textfieldPost Installation Steps
- Open your browser and navigate to http://localhost:3000/ to view the application.
- If you're using a local development server, ensure it's running by checking the terminal for output.