@cmds/view-field-settings

0.1.0 • Public • Published

ViewFieldSettings

npm package

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

Getting started

npm install @cmds/view-field-settings --save

Prop Types

Property Type Required? Description
fields [Field!]! Unique id for the instance of this foreign record selector
onSort Function Triggers when the user sorts the fields: ({oldIndex: number, newIndex: number})
onShowOrHide Function Triggers when the user hide or shows a field: ({id: string, visibility: boolean})
onShowOrHideAll Function Triggers when the user hide or shows all fields: ({visibility: boolean})

Field

Property Type Required? Description
id ID Field ID
name String Name of the field
visibility Boolean Whether or not it is visible

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
    }}
/>

More information

This component is designed and developed as part of Cosmos Design System.

Readme

Keywords

Package Sidebar

Install

npm i @cmds/view-field-settings

Weekly Downloads

1

Version

0.1.0

License

MIT

Unpacked Size

837 kB

Total Files

13

Last publish

Collaborators

  • entercosmos