Select Language

Activity

Joshua S. Las Vegas, NV
Melany W. San Jose, CA
Esteban C. Miami, FL
Tara S. New York, NY
The slicer project getslicer.io
31%
5 / 24
Metamovies reworked metamovies.co
84%
28 / 31
Fast Pizza redesign fastpizza.com
60%
25 / 39

Call Danny at Colby's

Today - 11:30am

Meeting with Alice

Today - 01:00pm

Answer Annie's message

Today - 01:45pm

Send new campaign

Today - 02:30pm

Project review

Today - 03:30pm

Call Trisha Jackson

Today - 05:00pm

Write proposal for Don

Today - 06:00pm

Choices Input

Huro is integrated with ChoicesJs, a performant vanilla javascript tags input library. You can check the plugin documentation on Github. You can also access the javascript code by visiting the assets/js/components.js file. The following shows how it works with an input element.


            //JS CODE
            var textRemove = new Choices(document.getElementById('choices-text-remove-button'), {
                delimiter: ',',
                editItems: true,
                //maxItemCount: 5,
                removeItemButton: true,
            });
            
            //MARKUP
            <div class="field">
                <div class="control">
                    <input id="choices-text-remove-button" class="input"
                        value="Software, Sass, Engineering" placeholder="Enter something">
                </div>
            </div>
            

Choices Select

Huro is integrated with ChoicesJs, a performant vanilla javascript tags input library. You can check the plugin documentation on Github. You can also access the javascript code by visiting the assets/js/components.js file. The following shows how it works with a select element.


            //JS CODE
            var multipleCancelButton = new Choices('#choices-multiple-remove-button', {
                removeItemButton: true,
            });
            
            //MARKUP
            <div class="field">
                <label>Add some heroes</label>
                <div class="control">
                    <select class="form-control" name="choices-multiple-remove-button"
                        id="choices-multiple-remove-button" placeholder="This is a placeholder"
                        multiple>
                        <option value="superman" selected>Superman</option>
                        <option value="batman">Batman</option>
                        <option value="galactus">Galactus</option>
                        <option value="spawn">Spawn</option>
                    </select>
                </div>
            </div>