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