npm.io
1.1.0 • Published 6 years ago

@forter/sortable

Licence
Apache-2.0
Version
1.1.0
Deps
2
Size
32 kB
Vulns
0
Weekly
0

fc-sortable

An element by Forter

Usage

<script>
   import '@forter/sortable';
</script>

<fc-sortable .items="${[1,2,3,4]}">
   <fc-card size="small" class="draggable"> Sort1 </fc-card>
   <fc-card size="small" class="draggable"> Sort2 </fc-card>
   <fc-card size="small" class="draggable"> Sort3 </fc-card>
   <fc-card size="small" class="draggable"> Sort4 </fc-card>
</fc-sortable>

Properties

Property Attribute Type Description
disabled disabled boolean If the element is disabled
filter filter string item class to hide
items items any[] If the element is disabled
sortBy sortBy string item class to hide

Events

Event
reorder

CSS Custom Properties

Property Description
--fc-sortable-disabled-color disabled color. example: gray