@a-la/bootstrap

@a-la/bootstrap

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

yarn add -D @a-la/bootstrap
npm i --save-dev @a-la/bootstrap

Table Of Contents

• Table Of Contents
• Usage
• Bootstrap Classes
• Closure Stylesheets
• Copyright & License

Usage

By installing this package, you will be able to specify classes on tags and components as JSX properties when using alamode transpiler.

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

import '@a-la/bootstrap'
// or when using Preact 8:
import '@a-la/bootstrap/preact'

export const Component =
  () => (<div container>Hello World</div>)

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

Copyright & License

GNU Affero General Public License v3.0

	© Art Deco™ for À La Mode 2020

Changelog

1.1.0

• [feature] Add Preact 8 support.