https://github.com/brightleaf/elements
Brightleaf React Elements for building great looking web apps
https://github.com/brightleaf/elements
Last synced: 9 months ago
JSON representation
Brightleaf React Elements for building great looking web apps
- Host: GitHub
- URL: https://github.com/brightleaf/elements
- Owner: brightleaf
- Created: 2019-06-23T19:18:17.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-02-28T23:24:22.000Z (over 3 years ago)
- Last Synced: 2025-06-02T02:56:43.232Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://brightleaf.dev/elements/#
- Size: 25 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 30
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# @brightleaf/elements
React based UI elements using bulma css.
## Currently Implemented
* AutoComplete
* Box
* Breadcrumb
* Button
* Card
* Columns
* Column
* Container
* Content
* Control
* Delete
* DropDown
* Field
* Footer
* Heading
* Hero
* Icon
* Image
* Level
* MediaObject
* Menu
* Message
* Modal
* NavBar
* Notification
* Pagination
* Panel
* Section
* SubTitle
* Table
* Tabs
* Tags
* Tile
* Title
## Getting Started
```javascript
import React from 'react'
import { Hero, HeroBody, Title, SubTitle } from '@brightleaf/elements'
import { useStyleSheet , useScript } from '@brightleaf/react-hooks'
export default () => {
useStyleSheet(
'https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css'
)
useScript('https://kit.fontawesome.com/your-font-awesome-kit.js')
return (
Brightleaf Elements
Bulma Styled React Components
)
}
```
## More information
[Docs](https://brightleaf.github.io/elements)
[Templates](https://brightleaf.github.io/elements/templates.html)
[CodeSandbox](https://codesandbox.io/s/brightleaf-elements-hero-8fu96)