CSS Materials is a comprehensive library that offers a variety of components designed to be user-friendly, even for beginners. The library is regularly updated with new components, and we encourage users to submit suggestions and report any bugs they encounter.
- 📦 Available via npm
- Install the package using npm for easy integration.
- 🌐 Official Website
- Visit our official website for more information and updates.
- 📚 Detailed Documentation
- Access our official documentation to get started quickly.
- 🧩 Component Overview
- Explore the complete list of available components.
To install the css-materials package, follow these steps:
- Open your terminal.
- Run the following command:
npm install css-materials
To use the components and styles from the css-materials package in your project, follow these instructions:
- Import Components and Styles:
import { Checkbox, Slider } from 'css-materials';
import 'css-materials/dist/styles.css';
- Utilize the Components in Your Project:
const App = () => {
const handleSliderChange = (value: number) => {
console.log(value);
};
return (
<div>
<Checkbox label="Accept Terms" />
<Slider value={50} onChange={handleSliderChange} />
</div>
);
};
export default App;
The css-materials package comes with a pre-built CSS file. To include the styles in your project, simply import the CSS file as shown below:
import 'css-materials/dist/styles.css';
We welcome contributions from the community! If you have suggestions for new components or encounter any bugs, please open an issue on our GitHub repository.
- 🔧 Submit New Component Suggestions: Submit an Issue
- 🐛 Report Bugs: Report an Issue
We appreciate your support and contributions! 🌟