Как переместить значок SemanticUIReact слева от текстового элемента в подменю? - PullRequest
Новая
       13

Как переместить значок SemanticUIReact слева от текстового элемента в подменю?

0 голосов
/ 10 мая 2019

На изображении ниже показан текущий графический интерфейс, я просто хочу поместить значок слева от меню «Язык» вместо текущей позиции (справа)

Issue

Текущий код 

  </Dropdown.Item>
                <Dropdown text="Language" icon="angle down" pointing="right"
                        options={[
                          { text: 'English', value: 'en', flag: 'gb'},
                          { text: 'Svenska', value: 'se', flag: 'se' },
                          { text: 'Dansk', value: 'de', flag: 'de' },
                          { text: 'Norsk', value: 'no', flag: 'no' },
                        ]}
                    />

Любые предложения о том, как я могу найти значок "угол вниз" слева от текста "язык", будут очень благодарны.

1 Ответ

1 голос
/ 10 мая 2019

Вы можете использовать trigger реквизит вместо text согласно документам и удалить значок по умолчанию. 



const trigger = (
  <span>
    <Icon name="angle down" /> Language
  </span>
);

const options = [
  { text: "English", value: "en", flag: "gb" },
  { text: "Svenska", value: "se", flag: "se" },
  { text: "Dansk", value: "de", flag: "de" },
  { text: "Norsk", value: "no", flag: "no" }
];

const DropdownTriggerExample = () => (
  <Dropdown pointing="right" trigger={trigger} options={options} icon={null} />
);

Также обратите внимание, что у вас есть опечатка длядатский элемент («de», где он должен быть «dk»).

...