gleam-ui-react

Lightweight UI kit that will make your app sparkle!

Installation

npm i gleam-ui-react

Docs

Visit the Gleam UI React docs for information about Gleam UI components and how to use them.

Example Usage

Button

Props

| Name | Prop Type | Default | Description | | :------------- | :---------------------------- |:------------- | :---------------------------- | | handleClick | function | null | callback for action | | label | string | null | text to display | | color | enum - color list | default | | size | enum - small / medium / large | medium | size of the button | | disabled | bool | false | disables the button | | className | string | '' | additional classNames for the button | | children | node | null | children to be rendered inside button | | variant | enum - | null | children to be rendered inside button |

examples:

  import React from 'react'
  import { Button } from 'gleam-ui-react'

  const SomeComponent = () => {
    const handleClick = () => {
      // action here
    }

    return (
      <Button handleClick={handleClick} label='Click Me' color='default' size='medium' />
    )
  }