https://github.com/a-la/bulma

Bulma Class Properties And Types Definitions For JSX.
https://github.com/a-la/bulma

a-la bulma jsx

Last synced: 2 days ago
JSON representation

Bulma Class Properties And Types Definitions For JSX.

• Host: GitHub
• URL: https://github.com/a-la/bulma
• Owner: a-la
• License: agpl-3.0
• Created: 2020-03-15T17:04:43.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-03-16T09:43:26.000Z (almost 5 years ago)
• Last Synced: 2024-12-14T21:16:25.751Z (24 days ago)
• Topics: a-la, bulma, jsx
• Language: JavaScript
• Homepage: https://www.artd.eco
• Size: 296 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# @a-la/bulma

[![npm version](https://badge.fury.io/js/%40a-la%2Fbulma.svg)](https://www.npmjs.com/package/@a-la/bulma)

`@a-la/bulma` is Bulma Class Properties And Types Definitions For JSX.



  



```sh

yarn add -D @a-la/bulma

npm i --save-dev @a-la/bulma

```

## Table Of Contents

- [Table Of Contents](#table-of-contents)

- [Usage](#usage)

- [Closure Stylesheets](#closure-stylesheets)

- [Copyright & License](#copyright--license)



  



## Usage

By installing this package, you will be able to specify classes on tags and components as JSX properties when using [`alamode`](https://github.com/a-la/alamode) transpiler.

To receive access to auto-completions, you'll need to import the `@a-la/bulma` package in your source code:

```jsx

import '@a-la/bulma'

// or when using Preact 8:

import '@a-la/bulma/preact'

export const Component =

  () => (
Hello World
)

```


The actual import doesn't do anything as the source file is blank. It is needed only for VSCode to pick up distributed typings.

Because of [a bug](https://github.com/microsoft/TypeScript/issues/28905) in VSCode, you won't see properties with hyphens, e.g., `is-loading` and will only see `isLoading`, but you can actually use both. The camel cases are added for discoverability of classes.

See the 📙 [full list of Bulma classes](../../wiki/Bulma_Classes) in Wiki.



  



## Closure Stylesheets

An annotated version of Bulma 0.8.0 is available in `bulma/bulma.css` where `/* @alternate */` annotations were added for compatibility with [Closure Stylesheets](https://github.com/artdecocode/closure-stylsheets-java).



  



## Copyright & License

GNU Affero General Public License v3.0

  

    

      

        

      

    

    © Art Deco™ for À La Mode 2020