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: 2024-06-26T05:20:26.000Z (7 months ago)
• Last Synced: 2024-12-17T01:09:48.015Z (about 1 month ago)
• Topics: bulma
• Language: SCSS
• Homepage: https://bluefantail.github.io/bulma-list
• Size: 534 KB
• Stars: 43
• Watchers: 2
• Forks: 6
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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).

![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)