@forter/sortable NPM

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`

web-components custom-elements lit-element lit-element-2.x

@forter/core sortablejs

@infinitebrahmanuniverse/nolb-_fort @everything-registry/sub-chunk-338

1.1.0

4 years ago