Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-09-01 23:01:29 +04:00
Code Issues Projects Releases Wiki Activity

Use shared Astro UI components across preview pages (#2724)

Browse Source
This commit is contained in:
Paweł Kuna
2026-07-30 13:53:33 +02:00
committed by GitHub
parent bc24b3ada8
commit 4ea449df1b
390 changed files with 3190 additions and 3127 deletions
Download Patch File Download Diff File Expand all files Collapse all files
preview/pages/accordion.astro
+24 -23
View File
@@ -1,50 +1,51 @@
---
// Port of preview/pages/accordion.html (layout: default)
import DefaultLayout from '@shared/layouts/DefaultLayout.astro';
import Accordion from '@shared/components/ui/Accordion.astro';
import Card from '@shared/components/ui/Card.astro';
import CardBody from '@shared/components/ui/CardBody.astro';
---
<DefaultLayout title="Accordion" pageHeader="Accordion" pageMenu="base.accordion">
<div class="row row-cards">
<div class="col-md-6">
<div class="card">
<div class="card-body">
<Card>
<CardBody>
<Accordion />
</div>
</div>
</CardBody>
</Card>
</div>
<div class="col-md-6">
<div class="card">
<Card>
<Accordion type="flush" id="flush" />
</div>
</Card>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-body">
<Card>
<CardBody>
<Accordion type="tabs" id="tabs" />
</div>
</div>
</CardBody>
</Card>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-body">
<Card>
<CardBody>
<Accordion type="inverted" id="inverted" />
</div>
</div>
</CardBody>
</Card>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-body">
<Card>
<CardBody>
<Accordion id="inverted-plus" type="inverted,plus" toggleIcon="plus" />
</div>
</div>
</CardBody>
</Card>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-body">
<Card>
<CardBody>
<Accordion id="icons" showIcon />
</div>
</div>
</CardBody>
</Card>
</div>
</div>
</DefaultLayout>