Как использовать выпадающий список semanti c -ui-реагировать - PullRequest
Новая
       38

Как использовать выпадающий список semanti c -ui-реагировать

0 голосов
/ 20 марта 2020

Я пытаюсь использовать semanti c -ui-реагировать с машинописью для создания формы. Поэтому я использую документацию. Однако, когда я реализую dropdow или форму, я получаю базовую c HTML форму без CSS. Что я должен сделать, чтобы получить тот же UX, как реагировать .semanti c -ui.com 

import { Dropdown } from 'semantic-ui-react'
const options = [
   { key: 1, text: 'Location 1', value: 1 },
   { key: 2, text: 'Location 2', value: 2 },
   { key: 3, text: 'Location 3', value: 3 },
 ]

return (

    <Form>

       <div>
       <Dropdown
       placeholder='Etat *'
       title="Select Etat"
       fluid
       selection
       options={StatusOptions}
       />
       </div> 

</Form>

Ответы [ 2 ]

1 голос
/ 20 марта 2020

Вам необходимо установить тему по умолчанию, используя npm npm i semantic-ui-css

, а затем импортировать эту тему в app.ts или index.ts

import 'semantic-ui-css/semantic.min.css'
0 голосов
/ 20 марта 2020

Аналогично приведенному выше ответу Файида. Вы можете импортировать CSS CDN в тег заголовка index.html

Например:

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css" />

...