https://github.com/bluefantail/bulma-list
A simple list component extension for Bulma.
https://github.com/bluefantail/bulma-list
bulma
Last synced: about 1 month ago
JSON representation
A simple list component extension for Bulma.
- Host: GitHub
- URL: https://github.com/bluefantail/bulma-list
- Owner: bluefantail
- License: mit
- Created: 2021-09-17T05:34:44.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-17T01:37:19.000Z (4 months ago)
- Last Synced: 2025-03-30T03:09:48.186Z (about 2 months ago)
- Topics: bulma
- Language: SCSS
- Homepage: https://bluefantail.github.io/bulma-list
- Size: 577 KB
- Stars: 46
- Watchers: 1
- Forks: 8
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-bulma - bulma-list - A simple list component extension for Bulma (Extensions / Courses)
README
# 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).
[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 bring in either `css/bulma-list.css` or `sass/bulma-list.scss` into your project after Bulma itself e.g.
```scss
@use "bulma/sass";
@use "bulma-list/sass/bulma-list.scss";
```
## 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 UI Kit](https://www.figma.com/community/file/1156212137289942407)
- [Bulma list for Bulma UI Kit](https://www.figma.com/community/file/1180350557509236996)