Skip to content
SMUL

Using Astro

Here is a guide on how to use the Simple Material UI Library with Astro applications.

SetUp

Adding React

This library is built in top of React, so you will need to add it to your project with the following code:

Terminal window
 npx astro add react

Adding Tailwind

This library is also built in top of Tailwind, so you will need to add it to your Astro project with the following code:

Terminal window
npx astro add tailwindcss

After installing Tailwind you will need to configure your Tailwind enviroment as said in the installation guide, on the Tailwind setup section

Installation

Install the package via npm or yarn:

Terminal window
 npm install simple-material-ui-library