coconut.bootstrap icon indicating copy to clipboard operation
coconut.bootstrap copied to clipboard

Missing Components

Open markknol opened this issue 4 years ago • 4 comments

If you wants to contribute, please mention which one you are working on in the comments.

  • [ ] Figures
  • [ ] Accordion
  • [ ] Carousel
  • [ ] Forms
  • [ ] Input Group
  • [ ] Modal
  • [x] Navs (in progress)
  • [ ] Navbar
  • [ ] Overlays
  • [ ] Popovers
  • [ ] Tabs
  • [ ] Tooltips
  • [ ] Toasts

How to create a component

  1. Clone the repo, run yarn, open project in VSCode. You should be able to run/compile project now (use build.hxml).
  2. Look at how it should be rendered in official documentation and what kind of properties the component could get https://getbootstrap.com/docs/4.4/components/alerts/
  3. Check as reference how react-bootstrap does the implementation and interaction https://react-bootstrap.netlify.app/components/alerts/ (there are links to its sources there too)
  4. Build the coconut component 🚀 You can look at Jumbotron to see a simple component, look at Dropdown to see component with typed children and some interaction
  5. Add your component it in the test website source test/website/Main.hx.
  6. Run yarn dev to start the webserver. open http://localhost:7070/in your browser to see the website and test your component.
  7. Done? Make a pull request!

markknol avatar May 04 '20 16:05 markknol