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