<miller-columns> element
Express a hierarchy by showing selectable lists of the items in each hierarchy level.
Selection of any item shows that item’s children in the next list.
Installation
npm install --save miller-columns-element
Usage
This element is expected to be used in an application with govuk-frontend installed. The expected CSS dependencies are outlined in examples.scss.
Use the right arrow to explore sub-topics, use the up and down arrows to find other topics. Parenting, childcare and children's services Divorce, separation and legal issues Childcare and early years
Browser support
Browsers without native custom element support require a polyfill.
- Chrome
- Firefox
- Safari
- Internet Explorer 11
- Microsoft Edge
Development
npm install
npm test
To continuously build files while developing run:
npm run watch
To install and run a local HTTP server using Node.js:
npm install -g http-server
http-server
To manually check examples in a web browser or using BrowserStack:
http://127.0.0.1:8080/examples/index.html
(default example)http://127.0.0.1:8080/examples/checkboxes-checked.html
(with pre-selected items at page load)http://127.0.0.1:8080/examples/miller-columns-test.html
(example used for tests)
Alternatively, you can open one of the HTML files in the /examples
directory for a quick preview.
License
Distributed under the MIT license. See LICENSE for details.