tabler-react icon indicating copy to clipboard operation
tabler-react copied to clipboard

Card with loader in Documentation doesn't work

Open WonSik36 opened this issue 5 years ago • 0 comments

I recently studied react js. I looked at the tabler-react documentation page and ran the example code. Among them, I ran the Card with loader in my application, but it didn't work (didn't collapse).

I used create-react-app to initialize the working directory and import tabler-react via npm install tabler-react@alpha. The source code for my App.js is shown below.

import React from 'react';
import "tabler-react/dist/Tabler.css";
import {Card,Dimmer} from "tabler-react";

function App() {
    return (
        <div className="App">
<Card title="Card with loader" isClosable isCollapsible>
  <Card.Body>
    <Dimmer active loader>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti
      fugit incidunt, iste, itaque minima neque pariatur perferendis sed
      suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error
      nulla temporibus!
    </Dimmer>
  </Card.Body>
</Card>
        </div>
    );
}

export default App;

WonSik36 avatar Feb 28 '20 09:02 WonSik36