coconut.bootstrap
coconut.bootstrap copied to clipboard
Missing Components
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
- Clone the repo, run
yarn
, open project in VSCode. You should be able to run/compile project now (usebuild.hxml
). - 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/
- 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)
- Build the coconut component 🚀 You can look at
Jumbotron
to see a simple component, look atDropdown
to see component with typed children and some interaction - Add your component it in the test website source test/website/Main.hx.
- Run
yarn dev
to start the webserver. open http://localhost:7070/in your browser to see the website and test your component. - Done? Make a pull request!