React UI - UI library

Components

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

Todo

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

Components

• [ ] Information/success/error component

• [ ] Toast component

• [ ] Checkbox - group & single view

• [ ] Radio - group & single view

• [ ] Modal

• [x] Update scrollbar style

• [x] Prop to show/hide placeholder

• [x] Clearbutton in Select

• [x] Loading - blur background and backdrop state

• [x] 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
    • [x] EmptyState
    • [ ] ImageCard
    • [ ] JSONEditor
    • [ ] UploadButton
  • [ ] Atom:
    • [x] Nested Nodes
    • [ ] Item component - used in Flash - history
  • [x] Code Drops: Dropdown
  • [x] DOT:
    • [x] Blocker Screen
    • [x] notify event
  • [x] E Feed
    • [x] Checkbox Group
    • [x] Blur css

Bugs

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