Templates components | Goffee
Description: The predefined components in the Goffee core mostly consist of html_template/structure pair.

Skip to main content

# 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