UNPKG

bulma-list

Version:

A very simple list component extension for Bulma

42 lines (25 loc) 1.6 kB
# bulma-list A simple list component extension for [Bulma](https://bulma.io) (requires Bulma v1). The list component is a simple vertical pattern for displaying data related to a single topic. Inspired by similair patterns in [Ant](https://ant.design/components/list), [Material](https://material.io/components/lists), and [Ionic](https://ionicframework.com/docs/api/list). ![bulma-list examples (3)](https://user-images.githubusercontent.com/616368/134606381-e04fb1f0-523f-47d1-85e4-a1ec1c32f50c.png) [Documentation & examples](https://bluefantail.github.io/bulma-list/) ## Installation Install bulma-list via your preferred package manager: ### NPM ```shell npm install bulma-list ``` ### Yarn ```shell yarn add bulma-list ``` This puts both the compiled css and the raw sass into the `node_modules` folder. Depending on your needs you can then import either `css/bulma-list.css` or `sass/bulma-list.sass` into your project after Bulma itself. ## Documentation & examples The documentation is built using a copy of Bulma's own Jekyll based system to keep as close as possible to the official style. [Documentation & examples](https://bluefantail.github.io/bulma-list/) ## Figma libraries You or your team designing in Figma? I've published complete community libraries for both Bulma and Bulma list. ![Bulma Covers](https://user-images.githubusercontent.com/616368/205219237-ffdf51b0-d273-4be0-85cf-5e53c21c9984.png) - [Bulma UI Kit](https://www.figma.com/community/file/1156212137289942407) - [Bulma list for Bulma UI Kit](https://www.figma.com/community/file/1180350557509236996)