tabler/preview/pages/tables.astro

---
import DefaultLayout from '@shared/layouts/DefaultLayout.astro'
import Table from '@ui/Table.astro'
import Progressbg from '@shared/components/cards/tables/Progressbg.astro'
import Invoices from '@shared/components/cards/Invoices.astro'
import AdvancedTable from '@ui/AdvancedTable.astro'
import Card from '@ui/Card.astro'
---

<DefaultLayout title="Tables" pageHeader="Tables" pageMenu="base.tables" pageLibs={['lists']}>
  <div class="row row-cards">
    <div class="col-lg-8">
      <Card>
        <Table card={true} limit={8} />
      </Card>
    </div>

    <div class="col-lg-4">
      <Progressbg />
    </div>

    <div class="col-12">
      <Card>
        <Table card={true} stripped={true} offset={5} />
      </Card>
    </div>

    <div class="col-12">
      <Card>
        <Table card={true} avatars={true} offset={10} />
      </Card>
    </div>

    <div class="col-12">
      <Card>
        <Table card={true} mobile={true} avatars={true} offset={15} buttons={true} />
      </Card>
    </div>

    <div class="col-12">
      <Invoices />
    </div>

    <div class="col-12">
      <AdvancedTable />
    </div>
  </div>
</DefaultLayout>