@aircomponents/components
v0.0.8
Published
custom components
Readme
In Early Development Version, Currently Unavailable
Air-Components is a lightweight and modern Web Components library designed to offer simple, efficient, and personalized solutions for UI development. The project is currently in its early stages and not yet ready for production use.
Project Highlights
- Modular Architecture: Focused on creating reusable and flexible components like
air-button,air-card, andair-header. - Modern Design Principles: Emphasizes minimalist UI design with support for multiple themes and visual styles.
- Customizable Components: Easily adapt component styles to meet project-specific requirements using standard CSS.
Installation
Install Air-Components using npm:
npm install air-components
## Usage Example
### Importing Components
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Air-Components Example</title>
<script type="module" src="node_modules/air-components/dist/air-components/air-components.esm.js"></script>
</head>
<body>
<air-button>Click Me</air-button>
</body>
</html>
Example Code (JS + HTML)
import { defineCustomElements } from 'air-components/loader';
defineCustomElements();
document.querySelector('air-button').addEventListener('click', () => {
alert('Button clicked!');
});