nekohack-ui v3.0.2

nekohack-ui

Installation

Install nekohack-ui package.

npm i nekohack-ui
npm i react react-dom styled-components

yarn add nekohack-ui
yarn add react react-dom styled-components

Atomic Components

Button

import * as React from 'react'

import { Button as NekoButton } from '../components/button'

export const App = () => {
    const submit = () => {
        //
    }
    return (
        <NekoButton onClick={submit}>Button</NekoButton>
    )
}

Props

Input

import * as React from 'react'

import { Input as NekoInput } from '../components/input'

export const App = () => {
    const [value, setValue] = React.useState('Input')
    return (
        <NekoInput value={value} onChange={setValue} />
    )
}

Props

Label

import * as React from 'react'

import { Label as NekoLabel } from '../components/label'

export const App = () => {
    return (
        <NekoLabel>Label</NekoLabel>
    )
}

Props

Select

import * as React from 'react'

import { Select as NekoSelect } from '../components/select'

const options = [
    {
        value: 1,
        text: 'Angular',
    },
    {
        value: 2,
        text: 'React',
    },
    {
        value: 3,
        text: 'Vue',
    },
]

export const App = () => {
    const [value, setValue] = React.useState(1)
    return (
        <NekoSelect options={options} value={value} onChange={setValue} />
    )
}

Props