bulmart v0.0.2-alpha1

bulmart

一个基于bulma css框架的react组件，bulmart目标是100%兼容bulma框架，并且提供更多扩展组件。

目前bulmart正处于开发阶段，暂时不可用于项目中。静态组件已经开发完毕，接下来的工作是完成js交互组件

安装

git clone https://github.com/monsterooo/bulmart 克隆仓库

npm install 安装代码依赖包

npm run storybook 启动Storybook，在浏览器访问http://localhost:9001/可以进行实时预览

npm run build 编译代码

NPM

npm install bulmart --save

npm install bulma --save

import React from 'react';
import ReactDOM from 'react-dom';
import 'bulma';
import { Button } from 'bulmart';
ReactDOM.render(<div><Button>Hello, World!</Button></div>, document.getElementById('app'))

我们没有将bulma集成在项目中因为我们考虑到你会customize themes和引入其他bulma themes，所以使用的时候需要在项目中同时引入bulma的ui库

组件属性

在bulma中行所有的类名都是使用"-"来分割，我们将它改成了驼峰命名方式，比如你要使用一个带颜色的按钮在bulmart中是这样转换，所有的类名都遵循这一原则

// bulma
<a class="button is-success">Success</a>

// bulmart
<Button isSuccess>Success</Button>

组件

Elements

• Button
• Box
• Content
• Delete
• Icon
• Image
• Notification
• Progress
• Table
• Tag
• Title

Layout

• Container
• Level
• Media Object
• Hero
• Section
• Footer
• Tiles

Form

• Input
• Control
• Field
• Select
• File

Columns

• Columns

Components

• Breadcrumb
• Card
• Dropdown
• Menu
• Message
• Modal
• Navbar
• Pagination
• Panel
• Tabs

License

MIT