Share a list of feedback (Documentation, Question, Feature)

[gskyarts]

Hi Flow-Team,

I'm using this library for the first time in my project, and while I haven't used everything yet, I wanted to share some feedback on what I found missing parts in the documentation or what didn't work well for me. Instead of creating separate tickets for each point, I thought I'd put everything in one.

• Documentation

  • Don't separate the component import from the stylesheet import #870
  • Get Started :: It would be awesome to have a boilerplate or a simple setup example in the "Get Started" section, especially fi we need to import the stylesheet. #874
  • Design-Tokens :: couldn't find a complete list of available CSS variables. Some parts mention changing colors with style={{ color: 'var(--primary--color--900)' but it would be great to have a full list of tokens. #871
  • Color info under Foundations > Design > Colors #872
  • Improve docs on ColumnLayout configurations #875
  • Improve Tab Placement #876

• Questions

  • Can you explain why we need to import the stylesheet? I'm curious why the styles aren't included in the components themselves. Also, we reduce the code size if we are not using every component. #868
  • Can you explain why you chose your breakpoint definitions #878

• Component

  • Buttons :: The Button component doesn't seem to handle default events. I tried using onClick={...} to add my own click event function, but it didn't work as expected. Or i want to create a link that looks like a button #869

• Feature

  • Can you add a keyboard shortcut (Ctrl + K or Cmd + K) to open the search? That's pretty common in many documentations. #879
  • Fulltext search in docs #889
  • Spacing :: How about adding a new component for Spacing? It would make create whitespaces easier. #880
  • Icons :: Is it possible to add more icons or allow us to add our own? #881
  • Rotating / hover effects for icons #882
  • The Image component feels similar to next/image or the HTML img tag. What's the advantage of using this one? #883
  • Image: responsive feature, allowing different image sizes for various devices/viewports/resolutions #884
  • Wrapper component to handle container sizes #888
  • Why can't we create a table without TableHeader? #885
  • Table: Issue with HMR: Table often breaks and only shows the header. #886
  • Single-line form component #887

Thanks for considering my feedback! i appreciate all your hard work on this library.

[mfal]

Thanks for your comprehensive feedback. I'll try to get to each point asap.

[mfal]

Hey @gskyarts

I've moved and answered all your points in separate issues. I've close already some of them. If you still have questions, feel free to re-open them.

Thanks again for the feedback 🙏