Introduction
Getting Started#
What is the Accent Renderer?#
The Accent Renderer provides support for directives, reactive variables, scoped groups, and inline JavaScript logic. The main purpose of the Renderer is to provide a toolkit for organized, clean, and reusable code. It gives you the ability to implement complex JavaScript functionality in your HTML code, along with an extensive API that can be customized to fit your application's needs.
Installation#
Install the renderer library with NPM or by CDN:
npm install @accent/renderer<script src="https://unpkg.com/@accent/renderer"></script>Example Page#
<!DOCTYPE html><html> <head> <title>My Accent Renderer Todo List</title> </head>
<body ac-context="{ foo: 'bar' }"> <h1 ac-bind="foo"></h1> <!-- Outputs Bar --> <button ac-click="this.foo = 'baz';">Click Me</button> <!-- Changes content of the <h1> tag to 'baz'--> <!-- Accent.js --> <script src="https://unpkg.com/@accent/renderer"></script> </body></html>