React UI - UI library

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