Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-15 10:01:41 +04:00
Code Issues Projects Releases Wiki Activity

Init sortable library

Browse Source
This commit is contained in:
codecalm
2025-09-09 01:05:18 +02:00
parent 0ee3c0a3b4
commit 212d560a87
7 changed files with 98 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
preview/pages/sortable.html
+53
View File
@@ -0,0 +1,53 @@
---
title: Sortable
page-header: SortableJS
page-menu: plugins.sortable
page-libs: [sortablejs]
layout: default
permalink: sortable.html
---
<div class="row row-cards">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3 class="card-title">Podstawowe użycie</h3>
</div>
<div class="card-body">
<ul class="list-group" data-sortable='{"animation":150}'>
<li class="list-group-item">Element A</li>
<li class="list-group-item">Element B</li>
<li class="list-group-item">Element C</li>
<li class="list-group-item">Element D</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3 class="card-title">Dwie listy z przenoszeniem</h3>
</div>
<div class="card-body">
<div class="row g-3">
<div class="col-sm-6">
<ul class="list-group" data-sortable='{"group":"shared","animation":150}'>
<li class="list-group-item">Item 1</li>
<li class="list-group-item">Item 2</li>
<li class="list-group-item">Item 3</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="list-group" data-sortable='{"group":"shared","animation":150}'>
<li class="list-group-item">Item A</li>
<li class="list-group-item">Item B</li>
<li class="list-group-item">Item C</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>