@publicai-ux/ux-input
v1.0.0
Published
This component can be used in both React applications and traditional HTML/JS projects.
Readme
Newinput Component
This component can be used in both React applications and traditional HTML/JS projects.
React Usage
import { Newinput } from '@publicai-ux/ux-input/Newinput';
import '@publicai-ux/ux-input/styles.css';
function App() {
return (
<div>
<h1>My Application</h1>
<Newinput />
</div>
);
}HTML/JS Usage
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<link rel="stylesheet" href="node_modules/@publicai-ux/ux-input/styles.css">
</head>
<body>
<!-- Include the component HTML -->
<div data-component="newinput">
<!-- Component will be inserted here -->
</div>
<!-- Initialize the component -->
<script type="module">
import { initComponents } from '@publicai-ux/ux-input';
// Initialize all components
initComponents();
</script>
</body>
</html>Individual JS Handlers
You can also use the handlers directly:
import NewinputHandlers from '@publicai-ux/ux-input/Newinput.js';
// Initialize manually
const element = document.querySelector('.my-component');
NewinputHandlers.init(element);