@codedrops/react-ui

ReactUI library

Usage no npm install needed!

<script type="module">
  import codedropsReactUi from 'https://cdn.skypack.dev/@codedrops/react-ui';
</script>

README

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