Как показать модальное окно на сайте?

Question

[artshelom]

Сделал как в примере, но почему то модальное окно не показывается:

import _ from 'lodash'
import React, { Component } from 'react';
import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
import { Table, Button, Header, Image, Modal } from 'semantic-ui-react';
import 'react-tabs/style/react-tabs.css';
export class MeetupList extends Component {
    render() {
        const { column, direction } = this.state

        return (
            <ExampleApp />);
    }
}


const ExampleApp = () => (
    <Modal trigger={<Button>Show Modal</Button>} centered={false}>
        <Modal.Header>Select a Photo</Modal.Header>
        <Modal.Content image>
            <Image wrapped size='medium' src='https://react.semantic-ui.com/images/avatar/large/rachel.png' />
            <Modal.Description>
                <Header>Default Profile Image</Header>
                <p>
                    We've found the following gravatar image associated with your e-mail
                    address.
        </p>
                <p>Is it okay to use this photo?</p>
            </Modal.Description>
        </Modal.Content>
    </Modal>
)

В чем может быть проблема?

Answer 1

[Klein Maximus]

https://codesandbox.io/s/semantic-ui-example-nydet - вроде все работает?

Comments

[artshelom]

Я кажется понял, что у меня не подключилась css библиотека