react-lonogara

Usage

import React from 'react'
import { render } from 'react-dom'
import { Mobile, Desktop } from 'lonogara'

const isMobile = () => navigator.userAgent.toLowerCase().includes('mobile')
const App = isMobile() ? Mobile : Desktop
render(<App {...props} />, document.getElementById('app'))

Props

firstIndex: number

Preloader: () => ReactNode

Able to use: lonogara-tool/preloader

background: url | [url, style]

same origin url will be fetched then used as BlobUrl.

colors: { [key]: color }

• base
• sub
• background
• preloader
• detail
• detailQuit
• links

links: Array<{...}>

• href: url
• buttonImage: url
• coverColor: color
• description: string | [string, style]

views: Array<{...}>

head: string

Button: (props) => ReactNode

props

• choised: boolean
• mainColor: colors.base
• subColor: colors.sub

Able to use: lonogara-tool/button

create: (utils) => components | Promise<\components>

utils

• renderDetail: (data: any) => Promise<void>
• setPopdown: (src: string) => Promise<void>
• setInform: (inform: number) => Promise<void>

components

• Exhibit: () => ReactNode
• Detail: ({ data, isContinued }) => ReactNode

License

MIT (http://opensource.org/licenses/MIT)