mirror of
https://github.com/tabler/tabler.git
synced 2026-08-07 20:02:23 +04:00
Paweł Kuna
45 lines
1.0 KiB
Plaintext
45 lines
1.0 KiB
Plaintext
---
|
|
// Port of preview/pages/dropzone.html (layout: default).
|
|
import DefaultLayout from '@shared/layouts/DefaultLayout.astro';
|
|
import Dropzone from '@shared/components/ui/Dropzone.astro';
|
|
---
|
|
|
|
<DefaultLayout
|
|
title="Dropzone"
|
|
pageHeader="Dropzone"
|
|
pageMenu="plugins.dropzone"
|
|
pageLibs={['dropzone']}
|
|
>
|
|
<div class="row row-cards">
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h3 class="card-title">Basic Usage</h3>
|
|
<Dropzone id="default" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h3 class="card-title">Multiple File Upload</h3>
|
|
<Dropzone id="multiple" multiple={true} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h3 class="card-title">Custom Dropzone</h3>
|
|
<Dropzone
|
|
id="custom"
|
|
custom={true}
|
|
text="Your text here"
|
|
description="Your custom description here"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</DefaultLayout>
|