1.0.24 • Published 3 years ago
fiber-ui v1.0.24
🧸 FiberUI
An opinionated React UI Component library
Install
Install Peer Dependancies
yarn add react react-dom styled-components styled-system styled-normalize react-icons
Load the Works Sans font:
Add this to your HTML head
<link
href="https://fonts.googleapis.com/css2?family=Work+Sans&display=swap"
rel="stylesheet"
/>
or download typeface-work-sans
and type require('typeface-work-sans')
in your project's entry file.
Install package
yarn add fiber-ui
Usage
Wrap your React project with our UIProvider.
example:
import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
import { UIProvider } from 'fiber-ui'
ReactDOM.render(
<React.StrictMode>
<UIProvider>
<App />
</UIProvider>
</React.StrictMode>,
document.getElementById('root')
)
Development
# install dependencies
yarn
# run demo at root directory
yarn start
Create a component
yarn hygen fiber new
> What's your new member called?
> codegen_sample
> What's your category does it belong ex. component, layout ...etc?
> example
> What's your base HTML element?
> h2
Loaded templates: _templates
added: src/CodegenSample/index.ts
inject: src/index.tsx
added: docs/sample/codegenSample.mdx
added: src/CodegenSample/__test__/CodegenSample.spec.tsx
added: src/CodegenSample/CodegenSample.tsx
added: src/CodegenSample/styles.ts
✨ Done in 10.06s.
Be sure to run
yarn test -u
after to create a new snapshot
License
MIT © bottable
1.0.22
3 years ago
1.0.21
3 years ago
1.0.24
3 years ago
1.0.23
3 years ago
1.0.19
3 years ago
1.0.20
3 years ago
1.0.18
3 years ago
1.0.17
3 years ago
1.0.16
3 years ago
1.0.15
3 years ago
1.0.14
3 years ago
1.0.13
3 years ago
1.0.12
3 years ago
1.0.11
3 years ago
1.0.10
3 years ago
1.0.9
3 years ago
1.0.8
3 years ago
1.0.7
3 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.0
4 years ago