элемент выпадающего меню semantic-ui отключен

Интересно, есть ли способ отключить один элемент в раскрывающемся меню, например. нельзя выбрать?
Разметка Jade:

.ui.dropdown
    span.text My Menu
    i.dropdown.icon
    .menu
       .item 1
       .item 2
       .item 3

Скажем, пункт 3 нельзя выбрать?


semantic-ui
person avalanche1    schedule 28.05.2015    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Чтобы отключить раскрывающийся список, используйте класс disabled:

<div class="ui disabled dropdown">
  Disabled dropdown <i class="dropdown icon"></i>
  <div class="menu">
    <!-- Any subsequent options are not available -->
  </div>
</div>

Это также работает для отдельных опций:

<div class="ui dropdown">
  Dropdown <i class="dropdown icon"></i>
  <div class="menu">
    <div class="item">Choice 1</div>
    <div class="disabled item">Choice 2</div>
    <div class="item">Choice 3</div>
  </div>
</div>

Working example

person Kemi    schedule 02.08.2016

arrow_upward
0
arrow_downward

Эта функция появится в SUI 2.0.

person avalanche1    schedule 28.05.2015