tabler-react
tabler-react copied to clipboard
Card with loader in Documentation doesn't work
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;