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

Version Path
playbook_ui_docs-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui_docs-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui_docs-13.34.1 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui-13.34.1 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3368 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui-13.34.0 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui_docs-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui_docs-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui-13.33.1 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
playbook_ui_docs-13.33.0.pre.alpha.PBNTR405dropdownformfixesrails3311 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx