Giter Club home page Giter Club logo

gui's Introduction

Grevlingui

Gui elements for basic mobile web app stuff

Components:

  • Menu
  • SettingsButton
  • MenuButton
  • RadioButton
  • RadioGroup
  • CheckBox
  • ToggleSwitch

Props:

Some are passed down to child components

Menu

  • onCloseClickOverride
    • callback function allowing reuse of close menu button
  • shouldCloseOnClick
    • callback function to "validate" whether the click should cause the menu to close
  • transitionTime
    • default 400
  • zIndex
    • the lowest z-index, there are different levels
    • default 2
  • color
  • bgColor
  • menuBgColor
    • overrides bgColor
  • backdropColor
    • color for the backdrop on partial slider menu
    • default #e3e6e850
  • settings
    • boolean, whether to use settings icon
    • default falsy
  • renderButton
    • render function for custom button
  • className
    • extra class names for the menu
  • fullSlider
    • boolean, whether the slider menu should cover the entire available width
    • default falsy
  • fader
    • boolean, whether the menu should fade instead of sliding in from the side
  • left
    • boolean, makes the menu slide in from the left instead of the right
    • default falsy

SettingsButton / MenuButton

  • open
    • boolean, whether to display as a close button
  • setOpen
    • callback function to set the open state
  • transitionTime
    • in ms
    • default 300
  • stageDelay
    • delay between the 2 "stages" in the animation
    • default 100
  • color
    • default 'white'
  • backgroundColor
  • styles
    • style override for the button
  • className
    • extra class names for the button
  • rounding
    • SettingsButton only
    • how rounded the icon should be

RadioButton

  • todo

RadioGroup

  • todo

CheckBox

  • todo

ToggleSwitch

  • todo

gui's People

Contributors

sgrevling avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.