Rattribute.js
1.0.0
See the version list below for details.
dotnet add package Rattribute.js --version 1.0.0
NuGet\Install-Package Rattribute.js -Version 1.0.0
<PackageReference Include="Rattribute.js" Version="1.0.0" />
<PackageVersion Include="Rattribute.js" Version="1.0.0" />
<PackageReference Include="Rattribute.js" />
paket add Rattribute.js --version 1.0.0
#r "nuget: Rattribute.js, 1.0.0"
#:package Rattribute.js@1.0.0
#addin nuget:?package=Rattribute.js&version=1.0.0
#tool nuget:?package=Rattribute.js&version=1.0.0
Rattribute.js v1.0.0
❓ A JavaScript library that generates responsive attribute setters for any HTML element.
What features does Rattribute.js have?
- 😏 Zero-dependencies and extremely lightweight!
- 🦾 Written in TypeScript, allowing greater support for React, Angular, and other libraries!
- 💻 Full API available via public functions.
- ⭐ Default sizes consistent with Bootstrap: sm, md, lg, xl, xxl.
- 🌈 Set your own custom size attributes!
- 🎥 Toggling responsiveness on/off support.
- 📃 Auto fetch support (when HTML is added via 3rd party libraries).
What browsers are supported?
All modern browsers (such as Google Chrome, FireFox, and Opera) are fully supported.
How do I install Rattribute.js
?
You can install the library with npm into your local modules directory using the following command:
npm install rattribute.js
Or, you can also use the following CDN links:
https://cdn.jsdelivr.net/gh/williamtroup/Rattribute.js@1.0.0/dist/rattribute.min.js
How do I get started?
To get started using Rattribute.js, do the following steps:
1. Prerequisites:
Make sure you include the "DOCTYPE html" tag at the top of your HTML, as follows:
<!DOCTYPE html>
2. Include Files:
<script src="dist/rattribute.js"></script>
3. Setup Elements
<p><a href="https://www.william-troup.com/" data-rattribute-js-sm="target=_blank;class=sm-class" target="_self">Test Link SM</a></p>
<p><a href="https://www.william-troup.com/" data-rattribute-js-md="target=_blank;class=md-class" target="_self">Test Link MD</a></p>
<p><a href="https://www.william-troup.com/" data-rattribute-js-lg="target=_blank;class=lg-class" target="_self">Test Link LG</a></p>
<p><a href="https://www.william-troup.com/" data-rattribute-js-xl="target=_blank;class=xl-class" target="_self">Test Link XL</a></p>
<p><a href="https://www.william-troup.com/" data-rattribute-js-xxl="target=_blank;class=xxl-class" target="_self">Test Link XXL</a></p>
<p><a href="https://www.william-troup.com/" data-rattribute-js-800="target=_blank;class=800-class" data-rattribute-js-lg="target=_parent;class=lg-class" target="_self">Test Link (800, MD)</a></p>
4. Finishing Up:
That's it! Nice and simple. Please refer to the code if you need more help (fully documented).
How do I go about customizing Rattribute.js?
To customize, and get more out of Rattribute.js, please read through the following documentation.
5. Configuration:
Configuration options allow you to customize how Rattribute.js will function. You can set them as follows:
<script>
$rattribute.setConfiguration( {
responsiveDelay: 500
} );
</script>
Learn more about Target Frameworks and .NET Standard.
This package has no dependencies.
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.