Usage

Learn the basics of working with WeBkity UI components.

Installation

Install Tailwind CSS, the world's most popular css framework.

Default installation

Run one of the following commands to add Material UI to your project:

1npm install -D tailwindcss postcss autoprefixer

1npx tailwindcss init -p

Configure your template paths

1
2/** @type {import('tailwindcss').Config} */
3export default {
4  content: [
5    "./index.html",
6    "./src/**/*.{js,ts,jsx,tsx}",
7  ],
8  theme: {
9    extend: {},
10  },
11  plugins: [],
12}
13

Add the Tailwind directives to your CSS

1
2@tailwind base;
3@tailwind components;
4@tailwind utilities;
5

Use Components

This is an input text field. Use it to enter your information, which will be processed accordingly.

Name *

All Components