mag-component-radio-list

2.3.1 • Public • Published

Radio list component

build status npm version dependencies status devDependencies status Gitter

Radio list is a component to build user interface, an instance of Component module. It is based on mag-component-list.

Installation

npm install mag-component-radio-list

Usage

Add the constructor to the scope:

var RadioList = require('mag-component-radio-list');

Create radio list instance:

var radioList = new RadioList({
    focusIndex: 0,
    classIcon: 'theme-icon theme-icon-checkbox',
    classIconActive: 'theme-icon theme-icon-checkbox-active',
    classChecked: 'checked',
    data: [
        {state: false, title: 'Some title 1', value: 'string'},
        {state: true, title: 'Some title 2', value: 'number'},
        {state: false, title: 'Some title 3', value: 'object'}
    ]
});

To change data after creation:

radioList.setData({
    focusIndex: 0,
    data: [
        {state: false, title: 'Some title 1', value: 'value 1'},
        {state: true, title: 'Some title 2', value: 'value 2'},
        {state: false, title: 'Some title 3', value: 'value 3'}
    ]
});

To change item state:

radioList.checkIndex(index);

To reset to init state (data and focusIndex):

radioList.resetData();

To uncheck all items:

radioList.clearChecked(newFocusPosition);

To get checked item data:

console.log(radioList.checkedData);

Development mode

There is a global var DEVELOP which activates additional consistency checks and protection logic not available in release mode.

Contribution

If you have any problems or suggestions please open an issue according to the contribution rules.

License

mag-component-radio-list is released under the MIT License.

/mag-component-radio-list/

    Package Sidebar

    Install

    npm i mag-component-radio-list

    Weekly Downloads

    2

    Version

    2.3.1

    License

    MIT

    Unpacked Size

    21.5 kB

    Total Files

    22

    Last publish

    Collaborators

    • magsdk