preview/pages/lists.astro - dev - githubmirror/tabler

preview/pages/lists.astro

47 строк2 KB

Paweł Kuna

Add quality gates: Prettier for Astro, astro check for shared, unused SCSS variable lint (#2749)

03 авг 2026, 01:47

03 авг 2026, 01:478962710

---
import DefaultLayout from '@shared/layouts/DefaultLayout.astro'
import Card from '@ui/Card.astro'
import CardHeader from '@ui/CardHeader.astro'
import UsersList from '@shared/components/cards/UsersList.astro'
import UsersList2 from '@shared/components/cards/UsersList2.astro'
import UsersListHeaders from '@shared/components/cards/UsersListHeaders.astro'
import ListGroup from '@ui/ListGroup.astro'
import ListGroupItem from '@ui/ListGroupItem.astro'
---

<DefaultLayout title="Lists" pageHeader="Lists" pageMenu="base.lists">
  <div class="row row-cards">
    <div class="col-md-6">
      <div class="row row-cards">
        <div class="col-12">
          <UsersList2 />
        </div>
        <div class="col-12">
          <UsersList offset={8} checkbox hover checkedIds={[2, 5, 8]} title="Contacts" />
        </div>
        <div class="col-12">
          <Card>
            <CardHeader title="Links and buttons" />
            <ListGroup flush>
              <ListGroupItem as="a" href="#" action active aria-current="true"> The current link item </ListGroupItem>
              <ListGroupItem as="a" href="#" action>A second link item</ListGroupItem>
              <ListGroupItem as="a" href="#" action>A third link item</ListGroupItem>
              <ListGroupItem as="a" href="#" action>A fourth link item</ListGroupItem>
              <ListGroupItem as="a" action disabled>A disabled link item</ListGroupItem>
            </ListGroup>
          </Card>
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="row row-cards">
        <div class="col-12">
          <UsersList hoverable />
        </div>
        <div class="col-12">
          <UsersListHeaders />
        </div>
      </div>
    </div>
  </div>
</DefaultLayout>