@control.ts/signals
v0.0.2
Published
A signal-based version of the control.ts library. Contains base components for easy creating HTML elements with functions.
Downloads
21
Readme
control.ts - Control your code with ease
control.ts is a lightweight (<1kb) and versatile UI library for building modern web applications with ease. With its intuitive syntax and powerful features, сontrol.ts simplifies the process of creating dynamic user interfaces.
Features
Easy-to-Use API: сontrol.ts provides a familiar interface, with classes and functions named after HTML elements, making it simple to create and manipulate UI components.
Modular Design: Each component is designed to be modular, allowing for easy customization and integration into existing projects.
TypeScript Support: Built with TypeScript, сontrol.ts offers type safety and enhanced code readability, making it a great choice for large-scale projects.
Installation
To install control.ts, simply run:
npm install @control.ts/min
// or
pnpm add @control.ts/min
// or
yarn add @control.ts/min
Getting Started
Using сontrol.ts is straightforward. Here's a basic example of creating a menu with links:
import { nav, ul, li, a, mount } from '@control.ts/min';
const links = [
{ href: '/', text: 'Home' },
{ href: '/about', text: 'About' },
{ href: '/contact', text: 'Contact' },
];
const menu = nav(
{
className: 'nav-menu',
},
ul(
{ className: 'menu' },
...links.map((link) => li({ className: 'menu-item' }, a({ href: link.href, txt: link.text }))),
),
);
const app = document.getElementById('app');
mount(app!, menu);
License
сontrol.ts is licensed under the MIT License.
Contact
Have questions or need support? Feel free to reach out to us at support.