Sha256: 07d242643c6c23d848da6eec788174946217c65beb0b9e0a3214093e31eff308
Contents?: true
Size: 1.29 KB
Versions: 132
Compression:
Stored size: 1.29 KB
Contents
import React, { useState } from "react" import { AdvancedTable } from "../../" import { Button } from "../../" import MOCK_DATA from "./advanced_table_mock_data.json" const AdvancedTableLoading = (props) => { const [isloading, setIsLoading] = useState(true) const columnDefinitions = [ { accessor: "year", label: "Year", cellAccessors: ["quarter", "month", "day"], }, { accessor: "newEnrollments", label: "New Enrollments", }, { accessor: "scheduledMeetings", label: "Scheduled Meetings", }, { accessor: "attendanceRate", label: "Attendance Rate", }, { accessor: "completedClasses", label: "Completed Classes", }, { accessor: "classCompletionRate", label: "Class Completion Rate", }, { accessor: "graduatedStudents", label: "Graduated Students", }, ] return ( <div> <Button marginBottom="md" onClick={()=> setIsLoading(!isloading)} text="Toggle Loading State" variant="secondary" {...props} /> <AdvancedTable columnDefinitions={columnDefinitions} loading={isloading} tableData={MOCK_DATA} {...props} /> </div> ) } export default AdvancedTableLoading
Version data entries
132 entries across 132 versions & 2 rubygems