blip-react-components v0.1.8

Blip React Components

This repo is a wrapper of a blip-tookit.

Components Avaible

BlipCard

The blipcard is a card used to show a bots information in a platform

Usage

In the case bellow the image is setting with a url

<BlipCard title="Some Title" image="https://cdn3.iconfinder.com/data/icons/web-and-seo-11-1/65/549-512.png" smallTitle="Some small" />

You can set a image using a SVG file, see bellow:

import Avatar from "./images/avatar.svg"; <BlipCard title="Avatar" image={Avatar} smallTitle="With svg file" />

If you using more than one card you can agroup them in a container, to use this container is simple see the code bellow:

<BlipCardContainer> <BlipCard title="Some Title" smallTitle="Some small" /> <BlipCard title="Some Title" smallTitle="Some small" /> <BlipCard title="Some Title" smallTitle="Some small" /> <BlipCard title="Some Title" smallTitle="Some small" /> <BlipCard title="Some Title" smallTitle="Some small" /> <BlipCard title="Some Title" smallTitle="Some small" /> <BlipCard title="Some Title" smallTitle="Some small" /> <BlipCard title="Some Title" smallTitle="Some small" /> <BlipCard title="Some Title" smallTitle="Some small" /> <BlipCard title="Some Title" smallTitle="Some small" /> </BlipCardContainer>

Blip Input

This component still in development so the features are not finished

Usage

<BlipInputReact />

Blip Loading

This is just a load, there is no reason to be complex

Usage

<BlipLoading />

Blip Header

Using to be title <h1> of Blip

Usage

<PageHeader>Some text in Header</PageHeader>