standards-ui
Version:
A foundational design system built with native Web Components. Includes comprehensive TypeScript types, JSDoc documentation, and component examples.
568 lines (100 loc) • 5.81 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Class: DsLabel</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Class: DsLabel</h1>
<section>
<header>
<h2><span class="attribs"><span class="type-signature"></span></span>DsLabel<span class="signature">()</span><span class="type-signature"></span></h2>
<div class="class-description">ds-label - A label component that wraps native label elements
Supports for/id association patterns</div>
</header>
<article>
<div class="container-overview">
<h2>Constructor</h2>
<h4 class="name" id="DsLabel"><span class="type-signature"></span>new DsLabel<span class="signature">()</span><span class="type-signature"></span></h4>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="ds-label.js.html">ds-label.js</a>, <a href="ds-label.js.html#line5">line 5</a>
</li></ul></dd>
</dl>
</div>
<h3 class="subsection-title">Members</h3>
<h4 class="name" id="htmlFor"><span class="type-signature"></span>htmlFor<span class="type-signature"></span></h4>
<div class="description">
Property getters and setters to mirror the internal label
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="ds-label.js.html">ds-label.js</a>, <a href="ds-label.js.html#line81">line 81</a>
</li></ul></dd>
</dl>
<h4 class="name" id=".observedAttributes"><span class="type-signature">(static) </span>observedAttributes<span class="type-signature"></span></h4>
<div class="description">
Define which attributes should trigger attributeChangedCallback
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="ds-label.js.html">ds-label.js</a>, <a href="ds-label.js.html#line46">line 46</a>
</li></ul></dd>
</dl>
<h3 class="subsection-title">Methods</h3>
<h4 class="name" id="attributeChangedCallback"><span class="type-signature"></span>attributeChangedCallback<span class="signature">()</span><span class="type-signature"></span></h4>
<div class="description">
React to attribute changes and apply corresponding properties to the internal label
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="ds-label.js.html">ds-label.js</a>, <a href="ds-label.js.html#line53">line 53</a>
</li></ul></dd>
</dl>
<h4 class="name" id="connectedCallback"><span class="type-signature"></span>connectedCallback<span class="signature">()</span><span class="type-signature"></span></h4>
<div class="description">
Called when the element is connected to the DOM
Apply initial attributes
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="ds-label.js.html">ds-label.js</a>, <a href="ds-label.js.html#line93">line 93</a>
</li></ul></dd>
</dl>
<h4 class="name" id="setupEventListeners"><span class="type-signature"></span>setupEventListeners<span class="signature">()</span><span class="type-signature"></span></h4>
<div class="description">
Set up event listeners
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="ds-label.js.html">ds-label.js</a>, <a href="ds-label.js.html#line66">line 66</a>
</li></ul></dd>
</dl>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="DsCheckbox.html">DsCheckbox</a></li><li><a href="DsFieldset.html">DsFieldset</a></li><li><a href="DsLabel.html">DsLabel</a></li><li><a href="DsLegend.html">DsLegend</a></li><li><a href="DsOption.html">DsOption</a></li><li><a href="DsSelect.html">DsSelect</a></li><li><a href="DsTextarea.html">DsTextarea</a></li></ul>
</nav>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.4</a> on Wed Jun 25 2025 21:24:48 GMT-0700 (Pacific Daylight Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>