Skip to content

Commit f7ad1de

Browse files
djthorpedjthorpe
committed
Deploying to gh-pages from @ bf956ca 🚀
1 parent 3ce3e82 commit f7ad1de

File tree

100 files changed

+13069
-2043
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

100 files changed

+13069
-2043
lines changed

‎Badge%20element%20constructor.%20Sets%20the%20default%20properties,%20textTransform%20and%20backgroundColor%0Ato%20none%20and%20primary%20respectively..html

+172
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,172 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>JSDoc: Class: Badge element constructor. Sets the default properties, textTransform and backgroundColor
6+
to none and primary respectively.</title>
7+
8+
<script src="scripts/prettify/prettify.js"> </script>
9+
<script src="scripts/prettify/lang-css.js"> </script>
10+
<!--[if lt IE 9]>
11+
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
12+
<![endif]-->
13+
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
14+
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
15+
</head>
16+
17+
<body>
18+
19+
<div id="main">
20+
21+
<h1 class="page-title">Class: Badge element constructor. Sets the default properties, textTransform and backgroundColor
22+
to none and primary respectively.</h1>
23+
24+
25+
26+
27+
28+
29+
<section>
30+
31+
<header>
32+
33+
<h2><span class="attribs"><span class="type-signature"></span></span>Badge element constructor. Sets the default properties, textTransform and backgroundColor
34+
to none and primary respectively.<span class="signature">()</span><span class="type-signature"></span></h2>
35+
36+
37+
</header>
38+
39+
<article>
40+
<div class="container-overview">
41+
42+
43+
44+
45+
46+
47+
<h4 class="name" id="Badge element constructor. Sets the default properties, textTransform and backgroundColor
48+
to none and primary respectively."><span class="type-signature"></span>new Badge element constructor. Sets the default properties, textTransform and backgroundColor
49+
to none and primary respectively.<span class="signature">()</span><span class="type-signature"></span></h4>
50+
51+
52+
53+
54+
55+
56+
57+
58+
59+
60+
61+
62+
63+
64+
65+
66+
67+
68+
<dl class="details">
69+
70+
71+
72+
73+
74+
75+
76+
77+
78+
79+
80+
81+
82+
83+
84+
85+
86+
87+
88+
89+
90+
91+
92+
93+
94+
95+
<dt class="tag-source">Source:</dt>
96+
<dd class="tag-source"><ul class="dummy"><li>
97+
<a href="old_component_badge_BadgeElement.js.html">old/component/badge/BadgeElement.js</a>, <a href="old_component_badge_BadgeElement.js.html#line17">line 17</a>
98+
</li></ul></dd>
99+
100+
101+
102+
103+
104+
105+
106+
</dl>
107+
108+
109+
110+
111+
112+
113+
114+
115+
116+
117+
118+
119+
120+
121+
122+
123+
124+
125+
126+
127+
128+
</div>
129+
130+
131+
132+
133+
134+
135+
136+
137+
138+
139+
140+
141+
142+
143+
144+
145+
146+
147+
148+
149+
</article>
150+
151+
</section>
152+
153+
154+
155+
156+
</div>
157+
158+
<nav>
159+
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Badge%2520element%2520constructor.%2520Sets%2520the%2520default%2520properties,%2520textTransform%2520and%2520backgroundColor%250Ato%2520none%2520and%2520primary%2520respectively..html">Badge element constructor. Sets the default properties, textTransform and backgroundColor
160+
to none and primary respectively.</a></li><li><a href="BadgeElement.html">BadgeElement</a></li><li><a href="BadgeGroupElement.html">BadgeGroupElement</a></li><li><a href="ButtonElement.html">ButtonElement</a></li><li><a href="ButtonGroupElement.html">ButtonGroupElement</a></li><li><a href="CanvasElement.html">CanvasElement</a></li><li><a href="CanvasNavbarElement.html">CanvasNavbarElement</a></li><li><a href="CanvasSectionElement.html">CanvasSectionElement</a></li><li><a href="CardElement.html">CardElement</a></li><li><a href="CardGroupElement.html">CardGroupElement</a></li><li><a href="CloseButtonElement.html">CloseButtonElement</a></li><li><a href="CodeElement.html">CodeElement</a></li><li><a href="ContentElement.html">ContentElement</a></li><li><a href="ControlButtonGroupElement.html">ControlButtonGroupElement</a></li><li><a href="FormControlElement.html">FormControlElement</a></li><li><a href="FormDateElement.html">FormDateElement</a></li><li><a href="FormElement.html">FormElement</a></li><li><a href="FormSelectElement.html">FormSelectElement</a></li><li><a href="FormSwitchElement.html">FormSwitchElement</a></li><li><a href="FormTextElement.html">FormTextElement</a></li><li><a href="IconElement.html">IconElement</a></li><li><a href="ModalElement.html">ModalElement</a></li><li><a href="NavBarElement.html">NavBarElement</a></li><li><a href="NavDividerElement.html">NavDividerElement</a></li><li><a href="NavElement.html">NavElement</a></li><li><a href="NavItemElement.html">NavItemElement</a></li><li><a href="NavSpacerElement.html">NavSpacerElement</a></li><li><a href="PopupElement.html">PopupElement</a></li><li><a href="RowElement.html">RowElement</a></li><li><a href="SideBarElement.html">SideBarElement</a></li><li><a href="SideModalElement.html">SideModalElement</a></li><li><a href="SpacerElement.html">SpacerElement</a></li><li><a href="TabElement.html">TabElement</a></li><li><a href="TabGroupElement.html">TabGroupElement</a></li><li><a href="TableElement.html">TableElement</a></li><li><a href="ViewController.html">ViewController</a></li><li><a href="ViewElement.html">ViewElement</a></li><li><a href="ViewGroupElement.html">ViewGroupElement</a></li><li><a href="module.exports.html">exports</a></li></ul><h3>Events</h3><ul><li><a href="CLICK%2520-%2520Dispatched%2520when%2520a%2520navigation%2520item%2520is%2520clicked.html#event:whichisnotdisabled"> which is not disabled</a></li></ul><h3>Global</h3><ul><li><a href="global.html#EventType">EventType</a></li><li><a href="global.html#autocomplete">autocomplete</a></li><li><a href="global.html#default">default</a></li><li><a href="global.html#description">description</a></li><li><a href="global.html#disabled">disabled</a></li><li><a href="global.html#labelabove">labelabove</a></li><li><a href="global.html#link">link</a></li><li><a href="global.html#max">max</a></li><li><a href="global.html#maxlength">maxlength</a></li><li><a href="global.html#min">min</a></li><li><a href="global.html#minlength">minlength</a></li><li><a href="global.html#name">name</a></li><li><a href="global.html#pattern">pattern</a></li><li><a href="global.html#placeholder">placeholder</a></li><li><a href="global.html#required">required</a></li><li><a href="global.html#rows">rows</a></li><li><a href="global.html#size">size</a></li><li><a href="global.html#submit">submit</a></li><li><a href="global.html#transform">transform</a></li><li><a href="global.html#value">value</a></li></ul>
161+
</nav>
162+
163+
<br class="clear">
164+
165+
<footer>
166+
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Mon May 06 2024 11:47:08 GMT+0000 (Coordinated Universal Time)
167+
</footer>
168+
169+
<script> prettyPrint(); </script>
170+
<script src="scripts/linenumber.js"> </script>
171+
</body>
172+
</html>

‎BadgeElement.html

+12-155
Original file line numberDiff line numberDiff line change
@@ -30,13 +30,7 @@ <h1 class="page-title">Class: BadgeElement</h1>
3030

3131
<h2><span class="attribs"><span class="type-signature"></span></span>BadgeElement<span class="signature">()</span><span class="type-signature"></span></h2>
3232

33-
<div class="class-description">A badge element class that can be used to display a badge with text or icon.
34-
For example:
35-
36-
```html
37-
<wc-badge backgroundColor="primary" transform="uppercase">New</wc-badge>
38-
<wc-badge backgroundColor="primary"><wc-icon name="circle"></wc-icon></wc-badge>
39-
```</div>
33+
<div class="class-description">BadgeElement - A badge element class that can be used to display a badge with text or icon.</div>
4034

4135

4236
</header>
@@ -99,7 +93,7 @@ <h4 class="name" id="BadgeElement"><span class="type-signature"></span>new Badge
9993

10094
<dt class="tag-source">Source:</dt>
10195
<dd class="tag-source"><ul class="dummy"><li>
102-
<a href="component_badge_BadgeElement.js.html">component/badge/BadgeElement.js</a>, <a href="component_badge_BadgeElement.js.html#line13">line 13</a>
96+
<a href="old_component_badge_BadgeElement.js.html">old/component/badge/BadgeElement.js</a>, <a href="old_component_badge_BadgeElement.js.html#line12">line 12</a>
10397
</li></ul></dd>
10498

10599

@@ -128,6 +122,12 @@ <h4 class="name" id="BadgeElement"><span class="type-signature"></span>new Badge
128122

129123

130124

125+
<h5>Example</h5>
126+
127+
<pre class="prettyprint"><code>&lt;wc-badge backgroundColor="primary" textTransform="uppercase">New&lt;/wc-badge>
128+
&lt;wc-badge backgroundColor="primary">&lt;wc-icon name="circle">&lt;/wc-icon>&lt;/wc-badge></code></pre>
129+
130+
131131

132132

133133
</div>
@@ -210,151 +210,7 @@ <h5>Type:</h5>
210210

211211
<dt class="tag-source">Source:</dt>
212212
<dd class="tag-source"><ul class="dummy"><li>
213-
<a href="component_badge_BadgeElement.js.html">component/badge/BadgeElement.js</a>, <a href="component_badge_BadgeElement.js.html#line37">line 37</a>
214-
</li></ul></dd>
215-
216-
217-
218-
219-
220-
221-
222-
</dl>
223-
224-
225-
226-
227-
228-
229-
230-
231-
<h4 class="name" id=".backgroundColor"><span class="type-signature">(static) </span>backgroundColor<span class="type-signature"> :String</span></h4>
232-
233-
234-
235-
236-
<div class="description">
237-
The badge background color. One of the following: primary, secondary, success, warning, danger, light, dark
238-
</div>
239-
240-
241-
242-
<h5>Type:</h5>
243-
<ul>
244-
<li>
245-
246-
<span class="param-type">String</span>
247-
248-
249-
</li>
250-
</ul>
251-
252-
253-
254-
255-
256-
<dl class="details">
257-
258-
259-
260-
261-
262-
263-
264-
265-
266-
267-
268-
269-
270-
271-
272-
273-
274-
275-
276-
277-
278-
279-
280-
281-
282-
283-
<dt class="tag-source">Source:</dt>
284-
<dd class="tag-source"><ul class="dummy"><li>
285-
<a href="component_layout_RowElement.js.html">component/layout/RowElement.js</a>, <a href="component_layout_RowElement.js.html#line34">line 34</a>
286-
</li></ul></dd>
287-
288-
289-
290-
291-
292-
293-
294-
</dl>
295-
296-
297-
298-
299-
300-
301-
302-
303-
<h4 class="name" id=".transform"><span class="type-signature">(static) </span>transform<span class="type-signature"> :String</span></h4>
304-
305-
306-
307-
308-
<div class="description">
309-
The text transform, none, uppercase, lowercase,capitalize
310-
</div>
311-
312-
313-
314-
<h5>Type:</h5>
315-
<ul>
316-
<li>
317-
318-
<span class="param-type">String</span>
319-
320-
321-
</li>
322-
</ul>
323-
324-
325-
326-
327-
328-
<dl class="details">
329-
330-
331-
332-
333-
334-
335-
336-
337-
338-
339-
340-
341-
342-
343-
344-
345-
346-
347-
348-
349-
350-
351-
352-
353-
354-
355-
<dt class="tag-source">Source:</dt>
356-
<dd class="tag-source"><ul class="dummy"><li>
357-
<a href="component_badge_BadgeElement.js.html">component/badge/BadgeElement.js</a>, <a href="component_badge_BadgeElement.js.html#line30">line 30</a>
213+
<a href="old_component_layout_RowElement.js.html">old/component/layout/RowElement.js</a>, <a href="old_component_layout_RowElement.js.html#line34">line 34</a>
358214
</li></ul></dd>
359215

360216

@@ -388,13 +244,14 @@ <h5>Type:</h5>
388244
</div>
389245

390246
<nav>
391-
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="BadgeElement.html">BadgeElement</a></li><li><a href="BadgeGroupElement.html">BadgeGroupElement</a></li><li><a href="ButtonElement.html">ButtonElement</a></li><li><a href="ButtonGroupElement.html">ButtonGroupElement</a></li><li><a href="CloseButtonElement.html">CloseButtonElement</a></li><li><a href="FormDateElement.html">FormDateElement</a></li><li><a href="FormElement.html">FormElement</a></li><li><a href="FormTextElement.html">FormTextElement</a></li><li><a href="IconElement.html">IconElement</a></li><li><a href="ModalElement.html">ModalElement</a></li><li><a href="Model.html">Model</a></li><li><a href="NavBarElement.html">NavBarElement</a></li><li><a href="NavItemElement.html">NavItemElement</a></li><li><a href="RowElement.html">RowElement</a></li><li><a href="SideModalElement.html">SideModalElement</a></li><li><a href="SpacerElement.html">SpacerElement</a></li><li><a href="module.exports.html">exports</a></li></ul><h3>Global</h3><ul><li><a href="global.html#autocomplete">autocomplete</a></li><li><a href="global.html#default">default</a></li><li><a href="global.html#description">description</a></li><li><a href="global.html#disabled">disabled</a></li><li><a href="global.html#labelabove">labelabove</a></li><li><a href="global.html#link">link</a></li><li><a href="global.html#max">max</a></li><li><a href="global.html#maxlength">maxlength</a></li><li><a href="global.html#min">min</a></li><li><a href="global.html#minlength">minlength</a></li><li><a href="global.html#name">name</a></li><li><a href="global.html#pattern">pattern</a></li><li><a href="global.html#placeholder">placeholder</a></li><li><a href="global.html#required">required</a></li><li><a href="global.html#rows">rows</a></li><li><a href="global.html#size">size</a></li><li><a href="global.html#submit">submit</a></li><li><a href="global.html#transform">transform</a></li><li><a href="global.html#value">value</a></li></ul>
247+
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Badge%2520element%2520constructor.%2520Sets%2520the%2520default%2520properties,%2520textTransform%2520and%2520backgroundColor%250Ato%2520none%2520and%2520primary%2520respectively..html">Badge element constructor. Sets the default properties, textTransform and backgroundColor
248+
to none and primary respectively.</a></li><li><a href="BadgeElement.html">BadgeElement</a></li><li><a href="BadgeGroupElement.html">BadgeGroupElement</a></li><li><a href="ButtonElement.html">ButtonElement</a></li><li><a href="ButtonGroupElement.html">ButtonGroupElement</a></li><li><a href="CanvasElement.html">CanvasElement</a></li><li><a href="CanvasNavbarElement.html">CanvasNavbarElement</a></li><li><a href="CanvasSectionElement.html">CanvasSectionElement</a></li><li><a href="CardElement.html">CardElement</a></li><li><a href="CardGroupElement.html">CardGroupElement</a></li><li><a href="CloseButtonElement.html">CloseButtonElement</a></li><li><a href="CodeElement.html">CodeElement</a></li><li><a href="ContentElement.html">ContentElement</a></li><li><a href="ControlButtonGroupElement.html">ControlButtonGroupElement</a></li><li><a href="FormControlElement.html">FormControlElement</a></li><li><a href="FormDateElement.html">FormDateElement</a></li><li><a href="FormElement.html">FormElement</a></li><li><a href="FormSelectElement.html">FormSelectElement</a></li><li><a href="FormSwitchElement.html">FormSwitchElement</a></li><li><a href="FormTextElement.html">FormTextElement</a></li><li><a href="IconElement.html">IconElement</a></li><li><a href="ModalElement.html">ModalElement</a></li><li><a href="NavBarElement.html">NavBarElement</a></li><li><a href="NavDividerElement.html">NavDividerElement</a></li><li><a href="NavElement.html">NavElement</a></li><li><a href="NavItemElement.html">NavItemElement</a></li><li><a href="NavSpacerElement.html">NavSpacerElement</a></li><li><a href="PopupElement.html">PopupElement</a></li><li><a href="RowElement.html">RowElement</a></li><li><a href="SideBarElement.html">SideBarElement</a></li><li><a href="SideModalElement.html">SideModalElement</a></li><li><a href="SpacerElement.html">SpacerElement</a></li><li><a href="TabElement.html">TabElement</a></li><li><a href="TabGroupElement.html">TabGroupElement</a></li><li><a href="TableElement.html">TableElement</a></li><li><a href="ViewController.html">ViewController</a></li><li><a href="ViewElement.html">ViewElement</a></li><li><a href="ViewGroupElement.html">ViewGroupElement</a></li><li><a href="module.exports.html">exports</a></li></ul><h3>Events</h3><ul><li><a href="CLICK%2520-%2520Dispatched%2520when%2520a%2520navigation%2520item%2520is%2520clicked.html#event:whichisnotdisabled"> which is not disabled</a></li></ul><h3>Global</h3><ul><li><a href="global.html#EventType">EventType</a></li><li><a href="global.html#autocomplete">autocomplete</a></li><li><a href="global.html#default">default</a></li><li><a href="global.html#description">description</a></li><li><a href="global.html#disabled">disabled</a></li><li><a href="global.html#labelabove">labelabove</a></li><li><a href="global.html#link">link</a></li><li><a href="global.html#max">max</a></li><li><a href="global.html#maxlength">maxlength</a></li><li><a href="global.html#min">min</a></li><li><a href="global.html#minlength">minlength</a></li><li><a href="global.html#name">name</a></li><li><a href="global.html#pattern">pattern</a></li><li><a href="global.html#placeholder">placeholder</a></li><li><a href="global.html#required">required</a></li><li><a href="global.html#rows">rows</a></li><li><a href="global.html#size">size</a></li><li><a href="global.html#submit">submit</a></li><li><a href="global.html#transform">transform</a></li><li><a href="global.html#value">value</a></li></ul>
392249
</nav>
393250

394251
<br class="clear">
395252

396253
<footer>
397-
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Fri Apr 19 2024 11:56:15 GMT+0000 (Coordinated Universal Time)
254+
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Mon May 06 2024 11:47:08 GMT+0000 (Coordinated Universal Time)
398255
</footer>
399256

400257
<script> prettyPrint(); </script>

0 commit comments

Comments
 (0)