Skip to content

318097/react-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

4ef3e84 · Apr 6, 2022
Jan 21, 2022
Jan 11, 2022
Jul 19, 2021
Apr 6, 2022
May 5, 2020
Jul 18, 2021
Jun 24, 2021
Feb 19, 2021
Sep 22, 2021
Mar 17, 2022
Jul 19, 2021
Jun 20, 2021
Mar 17, 2022
Mar 17, 2022
Jul 30, 2021
Jan 21, 2022
Jun 19, 2021
Apr 6, 2022

Repository files navigation

React UI - UI library

Netlify Status

Components

  • Button
  • Radio
  • Select
  • Page Header
  • Input
  • Card
  • Textarea
  • Empty State component
  • Profile Dropdown
  • Profile Avatar

Todo

  • Deploy app on Netlify
  • Add directions for icons
  • StatusBar component
    • Expiry after some time
  • Add notebox & fileops colors
  • Icon hover effect
  • Disable state for button and other components
  • Set color for Button from props
  • Button - Solid, Hollow & Link type
  • Add dev.to double-border class
  • Add wrapper for external svg
  • Setup storybook

Components

  • Information/success/error component

  • Toast component

  • Checkbox - group & single view

  • Radio - group & single view

  • Modal

  • Update scrollbar style

  • Prop to show/hide placeholder

  • Clearbutton in Select

  • Loading - blur background and backdrop state

  • Use height rather than padding for components

  • Input validation

  • Tag should be closable

  • Input error state

  • Prefix classes

  • Generalize classes

  • Remove logs at build

  • Deploy over CDN (jsdelivr)

  • Single script to update version and deploy or precommit hook to update minor everytime

  • Expose internal methods

  • Import from other apps

    • Notes App:
      • Autocomplete component
      • Dropdown
      • EmptyState
      • ImageCard
      • JSONEditor
      • UploadButton
    • Atom:
      • Nested Nodes
      • Item component - used in Flash - history
    • Code Drops: Dropdown
    • DOT:
      • Blocker Screen
      • notify event
    • E Feed
      • Checkbox Group
      • Blur css

Bugs

  • Empty state for Select
  • Inherit font from parent
  • Select should be max-width by default
  • Close dropdown on outside click
  • Set default color for tag teo be steel
  • Add m-0 & p-0 classes
  • Add linkedin icon
  • Icon hover effect
  • Group Icon props in Dropdown
  • Add bookmark icon
  • Fix Dropdown should close when renderDropdownComponent item is clicked
  • Fix name overflow in profile dropdown>name
  • Add gap, link classes
  • Update profile avatar style
  • Fix radio seperator for more than 3 options
  • Turn off icon hover effect
  • Disable tag hover effect
  • Handle long select options
  • Date input type
  • Text overflow class
  • Move popover position
  • Change dot loader colors
  • Create item component/card or move NodeEditor from Octon

About

Custom UI components library for React.js

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages