@cmds/field-settings

Used for ordering, showing, hiding fields in a view.

Usage no npm install needed!

<script type="module">
  import cmdsFieldSettings from 'https://cdn.skypack.dev/@cmds/field-settings';
</script>

README

FieldSettings"> FieldSettings

Used for ordering, showing, hiding fields in a view.

npm package

Example

<FieldSettings 
    fields={[{
        id: '1',
        name: 'Field 1',
        visibility: true
    }, {
        id: '2',
        name: 'Field 2',
        visibility: true
    }, {
        id: '3',
        name: 'Field 3',
        visibility: false
    }]}
    onSort={({oldIndex, newIndex}) => {
        // do something
    }}
    onShowOrHide={({id, visibility}) => {
        // do something
    }}
    onShowOrHideAll={({visibility}) => {
        // do something
    }}
/>