Skip to content

React.Glass is a React component library that allows you to create components with a glassmorphism style quickly.

License

Notifications You must be signed in to change notification settings

ErickDevv/react.glass

Repository files navigation

React.Glass alt text

React.Glass is a React component library that allows you to create components with a glassmorphism style quickly.

Table of Contents


Installation

yarn add https://github.com/ErickDevv/react.glass

Components

In react.glass you can find the following components

-GlassForm

Example of use

import { GlassForm, GlassFormParams } from 'react.glass'

const App = () => {

  const params: GlassFormParams = {
    Form: {
      title: "Login",
      buttonText: "Login",
      submitFunction: () => { console.log("Submitted") }
    },
    Inputs: [
      {
        label: "Username",
        type: "text",
        placeholder: "Username",
        changeFunction: (e: any) => { console.log(e.target.value) }
      },
      {
        label: "Password",
        type: "password",
        placeholder: "Password",
        changeFunction: (e: any) => { console.log(e.target.value) }
      }
    ]
  }
  
  return (
    <div>
      <GlassForm {...params} />
    </div>
  )
}

export default App

About

React.Glass is a React component library that allows you to create components with a glassmorphism style quickly.

Topics

Resources

License

Stars

Watchers

Forks