Skip to content

Commit afca2f5

Browse files
author
Rajush Shakya
committed
Updated README.md
1 parent 5783f5c commit afca2f5

File tree

1 file changed

+12
-9
lines changed

1 file changed

+12
-9
lines changed

README.md

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -114,16 +114,18 @@ Configure the options from the controller to set <code>dropdown-config</code>.
114114
divider,
115115
icon,
116116
displayBadge,
117-
height
117+
height,
118+
filter
118119
</pre>
119120

120-
<p><code>options</code>: Data to be displayed in dropdown list. This should be an array of objects.</p>
121-
<p><code>trackBy</code>: Any property name from the option object that should be used for tracking the selected item.</p>
122-
<p><code>displayBy</code>: An array that takes two values which will be used as data to be displayed in dropdown list, in a respective order. If it is not set, then it will automagically set the first two prooperty names as the values to be displayed.</p>
123-
<p><code>divider</code>: A custom divider sign setter <code>-, : , =, # ,......</code> between the dropdown list columns. Default is <code>-</code>.</p>
124-
<p><code>icon</code>: A custom icon setter for the selected items. Works with Font-Awesome too. Default is Bootstrap's glyphicons checkmark.</p>
125-
<p><code>displayBadge</code>: Badge on the dropdown button that displays the total number of selected items from the dropdown list. Default visibility is true, but could be set to false.</p>
126-
<p><code>height</code>: Height of the dropdown-box, in pixel, containing the list options. Default height is set to 300px.</p>
121+
<h6>options:</h6> <p>Data to be displayed in dropdown list. This should be an array of objects.</p>
122+
<h6>trackBy:</h6> <p>Any property name from the option object that should be used for tracking the selected item.</p>
123+
<h6>displayBy:</h6><p>An array that takes two values which will be used as data to be displayed in dropdown list, in a respective order. If it is not set, then it will automagically set the first two prooperty names as the values to be displayed.</p>
124+
<h6>divider:</h6> <p>A custom divider sign setter <code>-, : , =, # ,......</code> between the dropdown list columns. Default is <code>-</code>.</p>
125+
<h6>icon:</h6> <p>A custom icon setter for the selected items. Works with Font-Awesome too. Default is Bootstrap's glyphicons checkmark.</p>
126+
<h6>displayBadge:</h6> <p>Badge on the dropdown button that displays the total number of selected items from the dropdown list. Default visibility is <code>true</code>, but could be set to <code>false</code>.</p>
127+
<h6>height:</h6> <p>Height of the scrollable item list in a dropdown-box, in pixel. Default height is set to <code>200px</code>.</p>
128+
<h6>filter:</h6> <p>Filter/search items from the dropdown list. Default visibility is <code>false</code>, but could be set to <code>true</code>.</p>
127129

128130
Controller:
129131
```javascript
@@ -148,7 +150,8 @@ $scope.config = {
148150
divider: ':',
149151
icon: 'glyphicon glyphicon-heart',
150152
displayBadge: true,
151-
height: '200px'
153+
height: '200px',
154+
filter: true
152155
};
153156
```
154157

0 commit comments

Comments
 (0)