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

Bootstrap Class Properties, Elements And Types Definitions For JSX.
https://github.com/a-la/bootstrap

a-la bootstrap css jsx

Last synced: 3 days ago
JSON representation

Bootstrap Class Properties, Elements And Types Definitions For JSX.

• Host: GitHub
• URL: https://github.com/a-la/bootstrap
• Owner: a-la
• License: agpl-3.0
• Created: 2020-03-16T06:41:22.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-03-16T09:50:49.000Z (almost 5 years ago)
• Last Synced: 2024-08-09T10:14:49.695Z (5 months ago)
• Topics: a-la, bootstrap, css, jsx
• Language: JavaScript
• Homepage: https://www.artd.eco
• Size: 231 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/bootstrap

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

`@a-la/bootstrap` is Bootstrap Class Properties, Elements And Types Definitions For JSX.



  



```sh

yarn add -D @a-la/bootstrap

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

```

## Table Of Contents

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

- [Usage](#usage)

- [Bootstrap Classes](#bootstrap-classes)

- [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/bootstrap` package in your source code:

```jsx

import '@a-la/bootstrap'

// or when using Preact 8:

import '@a-la/bootstrap/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., `container-fluid` and will only see `containerFluid`, but you can actually use both. The camel cases are added for discoverability of classes.



  



## Bootstrap Classes

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



  



## Closure Stylesheets

An annotated version of Bulma 0.8.0 is available in `bootstrap/bootstrap.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