Documentation ¶
Overview ¶
Package btstrp adds a set of html templates based on Bootstrap.
Example ¶
package main import ( "html/template" "log" "os" "cirello.io/exp/btstrp" ) func main() { const pageTpl = `<!doctype html> <html lang="en"> <head>{{template "Intro"}}</head> <body> {{template "ContainerStart" .}} {{ template "Button" .ButtonA }} {{ template "Button" .ButtonB }} {{template "ContainerEnd" .}} </body> </html>` page := template.Must(btstrp.Template().Parse(pageTpl)) err := page.Execute(os.Stdout, map[string]interface{}{ "ButtonA": btstrp.Button{ Type: "reset", Body: "reset me", Variant: "primary", Class: "bold", Attributes: btstrp.Attributes{ "onClick": "javascript: alert('hello world')", "onMouseOver": "javascript: alert('hello world 2')", }, }, "ButtonB": btstrp.Button{ Body: "button B", Variant: "danger", }, "ContainerB": btstrp.Container{ Body: "containerB", }, }) if err != nil { log.Fatal(err) } }
Output: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> </head> <body> <div class="container"> <button type="reset" class="btn btn-primary bold" onClick="javascript: alert('hello world')" onMouseOver="javascript: alert('hello world 2')">reset me</button> <button type="button" class="btn btn-danger">button B</button> </div> </body> </html>
Index ¶
Examples ¶
Constants ¶
This section is empty.
Variables ¶
This section is empty.
Functions ¶
Types ¶
type Attributes ¶
Attributes extends the HTML tag of the bootstrap component.
type Button ¶
type Button struct { Type string Body interface{} Variant string Class string Attributes map[template.HTMLAttr]string }
Button creates a button component.
type Container ¶
type Container struct { Type string Body interface{} Variant string Class string Attributes map[template.HTMLAttr]string }
Container creates a container component.
Click to show internal directories.
Click to hide internal directories.