Skip to content

Commit deb2fda

Browse files
jlukicjlukic
committed
Update docs
1 parent f305097 commit deb2fda

5 files changed

Lines changed: 114 additions & 14 deletions

File tree

‎server/documents/behaviors/api.html.eco‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1035,6 +1035,11 @@ type : 'UI Behavior'
10351035
<td>0</td>
10361036
<td>Minimum duration to show loading indication</td>
10371037
</tr>
1038+
<tr>
1039+
<td>hideError</td>
1040+
<td>auto</td>
1041+
<td>The default <code>auto</code> will automatically remove error state after error duration, unless the element is a <code>form</code></td>
1042+
</tr>
10381043
<tr>
10391044
<td>errorDuration</td>
10401045
<td>2000</td>

‎server/documents/behaviors/form.html.eco‎

Lines changed: 39 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -180,11 +180,22 @@ type : 'UI Behavior'
180180
<td>url</td>
181181
<td>A field is a url</td>
182182
<td></td>
183+
</tr>
183184
<tr>
184185
<td>integer</td>
185186
<td>A field is an integer value, or matches an integer range</td>
186187
<td><code>integer</code> or <code>integer[1..10]</code></td>
187188
</tr>
189+
<tr>
190+
<td>decimal</td>
191+
<td>A field is a decimal number, optional m</td>
192+
<td></td>
193+
</tr>
194+
<tr>
195+
<td>number</td>
196+
<td>A field is a real number</td>
197+
<td></td>
198+
</tr>
188199
<tr>
189200
<td>regExp[expression]</td>
190201
<td>Matches against a regular expression, expects RegExp to be enclosed in <code>/</code></td>
@@ -236,11 +247,6 @@ type : 'UI Behavior'
236247
<td>A field doesn't text (case sensitive)</td>
237248
<td><code>doesntContainExactly[foo]</code></td>
238249
</tr>
239-
<tr>
240-
<td>integer</td>
241-
<td>A field is an integer value, or matches an integer range</td>
242-
<td><code>integer</code> or <code>integer[1..10]</code></td>
243-
</tr>
244250
<tr>
245251
<td>is</td>
246252
<td>A field is a value (case insensitive)</td>
@@ -654,6 +660,16 @@ type : 'UI Behavior'
654660
<input name="email" type="text" value="jack@foo">
655661
</div>
656662
</div>
663+
<div class="two fields">
664+
<div class="field">
665+
<label>Decimal</label>
666+
<input name="decimal" type="text" value="1.1.1">
667+
</div>
668+
<div class="field">
669+
<label>Number</label>
670+
<input name="number" type="text" value="+200">
671+
</div>
672+
</div>
657673
<div class="two fields">
658674
<div class="field">
659675
<label>URL</label>
@@ -681,6 +697,24 @@ type : 'UI Behavior'
681697
}
682698
]
683699
},
700+
decimal: {
701+
identifier : 'decimal',
702+
rules: [
703+
{
704+
type : 'decimal',
705+
prompt : 'Please enter a valid decimal'
706+
}
707+
]
708+
},
709+
number: {
710+
identifier : 'number',
711+
rules: [
712+
{
713+
type : 'number',
714+
prompt : 'Please enter a valid number'
715+
}
716+
]
717+
},
684718
email: {
685719
identifier : 'email',
686720
rules: [

‎server/documents/elements/icon.html.eco‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1264,6 +1264,14 @@ themes : ['Default']
12641264

12651265
<h2 class="ui dividing header">Variations</h2>
12661266

1267+
<div class="example">
1268+
<h4 class="ui header">Fitted</h4>
1269+
<p>An icon can be fitted, without any space to the left or right of it.</p>
1270+
Tight spacing
1271+
<i class="fitted help icon"></i>
1272+
Tight spacing
1273+
</div>
1274+
12671275
<div class="example">
12681276
<h4 class="ui header">Size</h4>
12691277
<p>An icon can vary in size</p>

‎server/documents/hotfix.html.eco‎

Lines changed: 19 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,15 +8,30 @@ type : 'Library'
88
---
99

1010
<div class="ui container">
11-
<div class="ui button blue" tabindex="0">btn</div>
12-
<div class="ui basic button blue" tabindex="0">btn</div>
13-
<div class="ui basic button blue"tabindex="0">btn</div>
14-
<div class="ui button blue"tabindex="0">btn</div>
11+
12+
<div class="ui fluid multiple search selection dropdown">
13+
<input name="tags" type="hidden" />
14+
<i class="dropdown icon"></i>
15+
<div class="default text">Skills</div>
16+
<div class="menu">
17+
<%- @partial('examples/single/preset-menu') %>
18+
</div>
19+
</div>
20+
1521
</div>
1622
</body>
1723
<!-- TEST JS HERE !-->
1824
<script>
25+
$(document)
26+
.ready(function(){
1927

28+
$('.ui.dropdown')
29+
.dropdown({
30+
allowAdditions: true
31+
})
32+
;
33+
})
34+
;
2035
</script>
2136

2237
<!-- TEST CSS HERE !-->

‎server/documents/views/card.html.eco‎

Lines changed: 43 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,9 @@ themes : ['Default', 'Basic', 'Classic', 'Instagram']
2525
<div class="example">
2626
<h4 class="ui header">Card</h4>
2727
<p>A single card.</p>
28+
<div class="ui ignored warning message">
29+
To ensure cards are equal height use the plural, <a href="#cards"><code>cards</code></a>. Card groups automatically uses <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes" target="_blank">flex</a> styles to match height between cards in the same row.
30+
</div>
2831
<div class="ui card">
2932
<div class="image">
3033
<img src="/images/avatar2/large/kristy.png">
@@ -74,11 +77,8 @@ themes : ['Default', 'Basic', 'Classic', 'Instagram']
7477

7578
<div class="example">
7679
<h4 class="ui header">Cards</h4>
77-
<p>A group of cards. </p>
78-
<div class="ui ignored warning message">
79-
To have groups of cards be equal height you must use <code>ui cards</code>. Card groups use <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes" target="_blank">flexbox</a> to make sure rows of content stretch to be equal height.
80-
</div>
81-
<div class="ui ignored message">
80+
<p>A group of cards.</p>
81+
<div class="ui ignored info message">
8282
<p>Cards are designed to be flexible to your content. <code>content</code> blocks can include any custom elements related to your content.</p>
8383
</div>
8484
<div class="ui cards">
@@ -786,6 +786,44 @@ themes : ['Default', 'Basic', 'Classic', 'Instagram']
786786
</div>
787787
</div>
788788

789+
<div class="example">
790+
<h4 class="ui header">Stackable</h4>
791+
<p>A group of cards can automatically stack rows to a single columns on mobile devices</p>
792+
<div class="ui ignored warning message">Resize your browser to a smaller size to see the cards stack after reaching mobile breakpoints</div>
793+
<div class="ui three stackable cards">
794+
<div class="card">
795+
<div class="image">
796+
<img src="/images/avatar/large/elliot.jpg">
797+
</div>
798+
</div>
799+
<div class="card">
800+
<div class="image">
801+
<img src="/images/avatar/large/helen.jpg">
802+
</div>
803+
</div>
804+
<div class="card">
805+
<div class="image">
806+
<img src="/images/avatar/large/jenny.jpg">
807+
</div>
808+
</div>
809+
<div class="card">
810+
<div class="image">
811+
<img src="/images/avatar/large/veronika.jpg">
812+
</div>
813+
</div>
814+
<div class="card">
815+
<div class="image">
816+
<img src="/images/avatar/large/stevie.jpg">
817+
</div>
818+
</div>
819+
<div class="card">
820+
<div class="image">
821+
<img src="/images/avatar/large/steve.jpg">
822+
</div>
823+
</div>
824+
</div>
825+
</div>
826+
789827
<div class="example">
790828
<h4 class="ui header">Doubling</h4>
791829
<p>A group of cards can double its column width for mobile</p>

0 commit comments

Comments
 (0)