Notoriously Punctual Manatee

    @orizens/react-be
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.5 • Public • Published

    @orizens/react-be

    Bootstrap Element is a primitive component with typed utility classes and auto-completion - a la 'styled' jsx, just with readable classes

    NPM JavaScript Style Guide

    Install React-BE

    npm install --save @orizens/react-be

    Make sure your project includes bootstrap.

    WHY?

    Bootstrap is still popular and along with that, react-bootstrap is as well. React-BE solves the problem of development experience and adds auto-completion for bootstrap utility functions.

    DEMO

    https://orizens.github.io/-orizens-react-be/

    Usage

    import React, { Component } from 'react'
    
    import { Be, Row, H4, Section, Flex, Div, Ol, Li } from '@orizens/react-be'
    
    function Example() {
      return (
        <Section>
          <H4 text='dark'>React-BE</H4>
          <Column col='10'>
            <Be flex='row' overflow='auto'>react-be is a time saver</Be>
            <Flex flex='row'>
              <Div>
                <Ol>
                  <Li>there are more elements - with FULL Typescript support</Li>
                  <Li>more elements are coming soon...</Li>
                </Ol>
              </Div>
            </Flex>
          </Column>
        </Section>
      )
    }

    Support HTML-Elements powered by React-BE

    these are the elements that are available with React-Be typings:

    Flex, Column, Row, P, Img, Li, on, Div, Section, Ol, Ul, Span, H1, H2, H3, H4, H5, H6

    more to come.

    Future Features

    • [x] support these elements with typescript: img
    • [x] support column size
    • [ ] support responsive variations (i.e, flex-md-column, col-md-2)
    • [ ] add support for mulitple values for special utilities (or all)
    • [x] add built in utility-elements: Flex, Column, Row, P, Img, Li, on, Div, Section, Ol, Ul, Span, H1, H2, H3, H4, H5, H6
    • [ ] add more built in utility/html-elements: b, em, nav, footer, a, etc..

    License

    MIT © orizens

    Install

    npm i @orizens/react-be

    DownloadsWeekly Downloads

    1

    Version

    0.0.5

    License

    MIT

    Unpacked Size

    42.1 kB

    Total Files

    13

    Last publish

    Collaborators

    • orizens