wel-lyra
v1.0.5
Published
npm install @wel/components
Downloads
24
Readme
npm install @wel/components
## Usage
### In a React Application
```jsx
import React from 'react';
import ReactDOM from 'react-dom/client';
import { Button } from '@wel/components'; // Example component
function App() {
return (
<div>
<h1>My Application</h1>
<Button onClick={() => alert('Button clicked!')}>Click Me</Button>
</div>
);
}
ReactDOM.createRoot(document.getElementById('root')).render(<App />);In a Plain HTML/CSS/JS Application
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My Web Component App</title>
<script
type="module"
src="node_modules/@wel/components/dist/wel-components.js"
></script>
</head>
<body>
<h1>My Web Component Application</h1>
<wel-button
text="Click Me"
onclick="alert('Button clicked from HTML!')"
></wel-button>
</body>
</html>Development
To set up the development environment for WEL:
Clone the repository:
git clone https://github.com/your-username/wel.git cd welInstall dependencies:
npm install