https://github.com/dmitriyakkerman/arm-ui

Minimalistic UI component library
https://github.com/dmitriyakkerman/arm-ui

accordion component-library dropdown popup select tabs uikit

Last synced: about 1 month ago
JSON representation

Minimalistic UI component library

• Host: GitHub
• URL: https://github.com/dmitriyakkerman/arm-ui
• Owner: dmitriyakkerman
• Created: 2020-06-07T12:19:54.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-06-15T07:56:34.000Z (almost 4 years ago)
• Last Synced: 2025-02-15T06:16:52.841Z (3 months ago)
• Topics: accordion, component-library, dropdown, popup, select, tabs, uikit
• Language: JavaScript
• Homepage:
• Size: 274 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![Build Status](https://travis-ci.org/dmitriyakkerman/arm-ui.svg?branch=master)](https://travis-ci.org/dmitriyakkerman/arm-ui)

[![Scrutinizer Code Quality](https://scrutinizer-ci.com/g/dmitriyakkerman/arm-ui/badges/quality-score.png?b=master)](https://scrutinizer-ci.com/g/dmitriyakkerman/arm-ui/?branch=master)

[![TypeScript](https://badges.frapsoft.com/typescript/love/typescript.svg?v=101)](https://github.com/ellerbrock/typescript-badges/)

Example:

Styles:  

    

    

   

Script:

    

    

Markup:

    Accordion

    


        
Question1

        
Answer1

    
   

    

    Dropdown             

           

    


      Some text

      


        


          111

        

      

    
  

    

    Popup      

        

    


        
Popup text

    

    Show popup     

         

    Select

        

    

        1

        2

        3

       

    

    Tabs  

        

    


        


            Link 1

        

        


            Link 2

        

    

    
Content 1

    
Content 2
   

     

Initialization:

           

    Accordion   

        

    new ArmUI.Accordion({

        el: '.accordion',

        openOneCloseAll: false,

        toggleIcon: ''

    });

       

    or

        

    new ArmUI.Accordion();  -> default initialization by root element/elements with className "accordion"

    

    Dropdown   

    

    new ArmUI.Dropdown('#dropdown-lang', {

        togglers: document.querySelectorAll('.toggler'),

        toggleIcon: '',

        bodyClose: true,

        opened: false,

        onOpen: function() {},

        onClose: function() {}

    });

     

    Popup

        

    new ArmUI.Popup({

        el: '.popup',

        openers: '.j-popup',

        closable: true,

        closeIcon: '',

        onLoad: function() {},

        onOpen: function(event) {

           //event param is available for interaction

        },

        onClose: function() {}

    });

    

    Select 

     

    new ArmUI.SelectExtended('.my-select', {

        containerClass: 'additional-class',

        multiSelect: false,

        multiSelectedText: 'Chosen',

        onChange: function() {}

    }); 

        

    Tabs    

        

    new ArmUI.Tabs({

        tabTogglers: '.tabs button',

        onLoad: function() {}

    })

        

    or

        

    new ArmUI.Tabs();    -> default initialization by root element/elements with className "tabs"