Components.JS 1.0.0 

dotnet add package Components.JS --version 1.0.0
                    


                    

                
NuGet\Install-Package Components.JS -Version 1.0.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="Components.JS" Version="1.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Components.JS" Version="1.0.0" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Components.JS" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add Components.JS --version 1.0.0
                    


                    

                
#r "nuget: Components.JS, 1.0.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#addin nuget:?package=Components.JS&version=1.0.0
                    


                            Install Components.JS as a Cake Addin
                        

                    

                
#tool nuget:?package=Components.JS&version=1.0.0
                    


                            Install Components.JS as a Cake Tool

Components.JS

Is a library that allows you to easily add custom JavaScript UI components to your web app.

Quick Start

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">
    <title>Component Sample</title>

    <script src="libs/jquery.js"></script>
    <script src="libs/component-manager.js"></script>

</head>

<body>

    <div data-component="SampleComponent">
        <h3 data-sample-com="header"></h3>
        <p data-sample-com="content"></p>
    </div>

    <script>

        function SampleComponent() {
            var self = this;

            self.onBind = function(element) {
                self.header = element.find("[data-sample-com='header']");
                self.content = element.find("[data-sample-com='content']");
            }

            self.onInit = function () {
                self.header.html('This is component header');
                self.content.html('This is <strong>component</strong> content');
            }
        }

        $(function() {
            window.ComponentManager.loadComponents($(document));
        })

    </script>

</body>

</html>
There are no supported framework assets in this package.

Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.0.0 1,399 1/21/2018