discourse/app/assets/javascripts/select-kit/addon/templates/components/selected-name.hbs
Joffrey JAFFEUX cb59681d86
DEV: select-kit third major update with focus on accessibility (#13303)
Major changes included:
- better support for screen readers
- trapping focus in modals
- better tabbing order in composer
- alerts on no content found/number of items found
- better autofocus in modals
- mini-tag-chooser is now a multi-select component
- each multi-select-component will now display selection on one row
2021-08-23 10:44:19 +02:00

28 lines
691 B
Handlebars

{{#if selectKit.options.showFullTitle}}
<div lang={{lang}} title={{title}} data-value={{value}} data-name={{name}} class="select-kit-selected-name selected-name choice">
{{#if item.icon}}
{{d-icon item.icon}}
{{/if}}
<span class="name">
{{label}}
</span>
{{#if shouldDisplayClearableButton}}
{{d-button
class="btn-clear"
icon="times"
action=selectKit.deselect
actionParam=item
ariaLabel="clear_input"
}}
{{/if}}
</div>
{{else}}
{{#if item.icon}}
<div role="textbox" lang={{lang}} class="select-kit-selected-name selected-name choice">
{{d-icon item.icon}}
</div>
{{/if}}
{{/if}}