react-ui icon indicating copy to clipboard operation
react-ui copied to clipboard

More refined categories for components

Open adamkudrna opened this issue 4 years ago • 5 comments

Like this:

  • Actions
    • Button
    • TextLink
  • Inputs
    • CheckboxField
    • FileInputField
    • Radio
    • SelectField
    • TextArea
    • TextField
    • Toggle
  • Surfaces
    • Card
    • Paper
  • Overlays
    • Modal
    • Popover
  • Layouts
    • ButtonGroup
    • FormLayout
    • Grid
    • Toolbar
  • Miscellaneous
    • Alert
    • Badge
    • Table
    • Tabs
    • Text
    • ScrollView

adamkudrna avatar Nov 01 '21 17:11 adamkudrna

Relates to #314.

adamkudrna avatar Nov 01 '21 17:11 adamkudrna

Current Miscellaneous section:

  • Miscellaneous
    • Alert
    • Badge
    • Card
    • Modal
    • Paper
    • Popover
    • ScrollView
    • Table
    • Tabs
    • Text

… could be organized:

  • Data Display
    • Badge
    • Table
  • Feedback
    • Alert
  • Surfaces
    • Card
    • Paper
  • Navigation
    • Tabs
  • Overlays
    • Modal
    • Popover
  • Utilities
    • ScrollView
    • Text

Or, to avoid single-child categories:

  • Data Display
    • Badge
    • Table
  • Surfaces
    • Card
    • Paper
  • Overlays
    • Modal
    • Popover
  • Miscellaneous
    • Alert
    • ScrollView
    • Tabs
    • Text

Or at least:

  • Surfaces
    • Card
    • Paper
  • Overlays
    • Modal
    • Popover
  • Miscellaneous
    • Alert
    • Badge
    • ScrollView
    • Table
    • Tabs
    • Text

adamkudrna avatar Jul 05 '22 08:07 adamkudrna

I like the Or at least: version the best.

I think the Data Display category is unclear as I would look there for Text and ScrollView as well. I'm quite opposed to the single-child categories.

mbohal avatar Jul 06 '22 07:07 mbohal

Well, you feed all components with data. But there is a difference:

  • Data Display components provide visual form for specific kind of data: numbers, table data, … Even card designed to display user data could fit this box.
  • Utilities enhance components in a way, or help you solve some tricky situations, e.g. when the data does not fit the component.

adamkudrna avatar Jul 12 '22 10:07 adamkudrna

@adamkudrna I understand what you mean, yet I still find the Data Display category confusing. If it was up to me I would not use it.

You decide, but please lets avoid single child categories.

mbohal avatar Jul 27 '22 02:07 mbohal