Design system.
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

TODO.md 1.9 KiB

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