markknol / coconut.bootstrap Goto Github PK

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

• Figures
• Accordion
• Carousel
• Forms
• Input Group
• Modal
• 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!