https://github.com/jaoaustero/solid-bulma

🧩 Lightweight UI components for SolidJS based on Bulma
https://github.com/jaoaustero/solid-bulma

bulma-css bulma-ui solid solid-bulma solid-components solid-js solidjs

Last synced: about 1 month ago
JSON representation

🧩 Lightweight UI components for SolidJS based on Bulma

• Host: GitHub
• URL: https://github.com/jaoaustero/solid-bulma
• Owner: jaoaustero
• License: mit
• Created: 2022-04-27T14:54:21.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-05-05T14:00:32.000Z (over 2 years ago)
• Last Synced: 2024-10-09T12:50:41.496Z (about 1 month ago)
• Topics: bulma-css, bulma-ui, solid, solid-bulma, solid-components, solid-js, solidjs
• Language: JavaScript
• Homepage:
• Size: 231 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
  

    
 Notice: Under development 


# ![solid-bulma](/images/solid-bulma-banner.jpg)




## Features

- Documented and Self explaining methods

- Small size without any external libraries




## Installation

The plugin are available in node and yarn and package managers.

```bash

# Node

npm install solid-bulma # Not yet published

# Yarn

yarn add solid-bulma # Not yet published

```




## Usage

### **Stylesheet**

Import the Bulma css in your css file.

```css

@import "https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css";

```

You can also import the stylesheet in your HTML file

```html

```

Bulma style is also available in SASS

```bash

# Node

npm install bulma

```




### **Components**

Using solid-bulma components

```jsx

import { BButton } from 'solid-bulma';

function App() {

    return (

        


            

                Button

            

        

    )

}

```





## License

Code released under [MIT](https://github.com/jaoaustero/solid-bulma/blob/main/LICENSE) license.