Pobeda-ui

Components for building an interface

Documentation

See here (v0.7)

Installation and usage

npm

npm i pobeda-ui

webpack

resolve: {
        alias: {
            '@ui': path.resolve(__dirname, '/node_modules/pobeda-ui/src/ui/js'),
            '@ui/scss': path.resolve(__dirname, '/node_modules/pobeda-ui/src/ui/scss'),
            '@utils': path.resolve(__dirname, '/node_modules/pobeda-ui/src/ui/utils/utils'),
        }
    },

code

import ui from '@ui'
import utils from '@utils'
import Accordion from '.@ui/Accordion'

const accordion = new Accordion('[am-accordion="simple"]')

With props|events

const accordion = new Accordion('[am-accordion="multiple"]', {
    duration: 800,
    multiple: true,
    init: false
})

accordion.init()

accordion.on('init', (data) => {
    console.log(data);
})

accordion.on('change', (tab, panel) => {
    console.log(tab, panel);
})

scss

Add component styles to your local styles file

@import 'node_modules/pobeda-ui/src/ui/scss/am-accordion.scss';
@import './yourVariables.scss';