Design system.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. # Categories
  2. - Action
  3. - [X] ActionButton
  4. - Blob (choose to extract each preview component to their own library?)
  5. - [X] FileSelectBox
  6. - Choice
  7. - [X] ComboBox
  8. - [X] DropdownSelect
  9. - [X] MenuSelect
  10. - [X] RadioButton
  11. - [X] RadioTickBox
  12. - Color
  13. - [X] ColorPicker
  14. - [X] Swatch (unify with color picker? Swatch is basically a readonly color picker with click-to-copy behavior)
  15. - Code
  16. - [ ] CodeInput (extract to own package)
  17. - [X] CodeBlock (`react-refractor`)
  18. - [ ] VerifyCodeInput (for OTP inputs)
  19. - Formatted
  20. - [X] EmailInput
  21. - [X] PhoneNumberInput
  22. - [X] PatternTextInput
  23. - [X] UrlInput
  24. - Freeform
  25. - [X] MaskedTextInput
  26. - [X] MultilineTextInput
  27. - [X] TextInput (add click-to-copy prop)
  28. - Geo
  29. - [ ] Map
  30. - Information
  31. - [X] Badge
  32. - [X] KeyValueTable
  33. - MultiChoice
  34. - [X] MenuMultiSelect
  35. - [X] TagInput
  36. - [X] ToggleButton
  37. - [X] ToggleSwitch
  38. - [X] ToggleTickBox
  39. - Navigation
  40. - [ ] Breadcrumb
  41. - [X] LinkButton
  42. - [ ] Pagination
  43. - [ ] Steps
  44. - Number
  45. - [X] Slider
  46. - [X] Spinner
  47. - [ ] Matrix2D
  48. - Presentation
  49. - [ ] Tabs
  50. - [ ] Accordion
  51. - Rating
  52. - [ ] Rating
  53. - RichText (extract to own package)
  54. - [ ] RichTextInput
  55. - Temporal
  56. - [ ] ~~Calendar~~
  57. - [X] DateDropdown
  58. - [ ] ~~DateTimeRangeInput~~
  59. - [ ] ~~DurationInput~~
  60. - [ ] ~~MonthInput~~
  61. - [ ] ~~MonthDayInput~~
  62. - [X] TimeSpinner
  63. - [-] YearMonthInput
  64. - [-] WeekInput
  65. - [ ] ~~YearInput~~
  66. # Others
  67. - [X] Add `select-none` to input labels, etc.
  68. - [X] Add indicators to components (select, datetime input etc)
  69. - [X] Add proxies for setting component values
  70. - [X] formatted/phonenumberinput
  71. - [X] multichoice/taginput
  72. - [X] blob/fileselectbox (?)
  73. - [ ] Test all components!
  74. - [ ] Where to put the "click-to-copy" textboxes? Does `Swatch`
  75. belong to this category?
  76. - [ ] Add `aria-*` attributes to all components
  77. - [ ] react-refractor, fix rendering on Lynx!
  78. - [ ] Limit component props to only those that are relevant
  79. - [ ] Extract `packages/` dir