Templates components
The predefined components in the Goffee core mostly consist of html_template/structure pair.
Goffee is a program in constant development, we invite you to review the core source code
to stay up to date with new components or updates.
Below we detail each component along with this main golang structure and html template.
Form components
| Element | Description | Source code |
|---|---|---|
| button | Button with icons and bootstrap states | form_button.go, form_button.html |
| checkbox | Checkbox with mutiple options | form_checkbox.go, form_checkbox.html |
| input | Input form with bootstrap options and planceholders | form_input.go, form_input.html |
| radio | Radio form with mutiple options | form_radio.go, form_radio.html |
| select | Select form with mutiple options | form_select.go, form_select.html |
| textarea | Textarea form, 3 rows size | form_textarea.go, form_textarea.html |
Content components
| Element | Description | Source code |
|---|---|---|
| badge | Classic bootstrap badge | content_badge.go, content_badge.html |
| dropdown | Bootstrap dropdown | content_dropdown.go, content_dropdown.html |
| href | Bootstrap href with mutiple options | content_href.go, content_href.html |
| list | Bootstrap list | content_list.go, content_list.html |
| table | Bootstrap table with mutiple options | content_table.go, content_table.go.html |
Page components
| Element | Description | Source code |
|---|---|---|
| card | Bootstrap card with body and links | page_card.go, page_card.html |
| head | Basic html head with custom title and that includes bootstrap.min.css | page_head.html |
| footer | Input html head with custom title and that includes bootstrap.min.js & popper.min.js | page_footer.html |
| nav | Bootstrap basic navigation system | page_nav.go, page_nav.html |
| page | Basic full page that includes head and footer commponents | page_page.html |
Bootstrap
Bootstrap provides a collection of pre-designed CSS classes and JavaScript components that simplify the creation of modern, visually appealing interfaces. Bootstrap includes features like a responsive grid system, forms, buttons, and more. It also supports responsive design by default.
Goffee cup includes bootstrap (files are located in the folder storage/public/bootstrap/) and those files are referenced by head and footer commponents from the core.
Goffee from version 1.8 includes boostrap v 5.3 and use sandstone theme. For more information about how boostrap works and develop check the oficial documentation.
Writing your own components & templates
Remember that you can override the template from your application if you use the same filename.
TODO