glassmass

This is a React component library based on glassmorphism

Install

npm install --save glassmass

Usage

import React, { useState } from 'react'

import { Container, Input } from 'glassmass'

const App = () => {
  const [inputValue, setInputValue] = useState('')
  const updateValue = (event) => setInputValue(event.target.value)

  return (
    <section>
      <Container>
        <h1 style={{ textAlign: 'center' }}>Some Header</h1>
      </Container>
      <Input
        title='Full Name'
        value={inputValue}
        onChange={updateValue}
        placeholder='Your Name'
      />
    </section>
  )
}

con

License

MIT © SzathRobi