features/templ-components #3
8
components/bulma/block.templ
Normal file
8
components/bulma/block.templ
Normal file
@ -0,0 +1,8 @@
|
||||
package bulma
|
||||
|
||||
// Simple spacer that accepts children
|
||||
templ Block() {
|
||||
<div class="block">
|
||||
{ children... }
|
||||
</div>
|
||||
}
|
19
components/bulma/example/example.templ
Normal file
19
components/bulma/example/example.templ
Normal file
@ -0,0 +1,19 @@
|
||||
package example
|
||||
|
||||
import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
|
||||
import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/html"
|
||||
import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
|
||||
|
||||
templ example() {
|
||||
@html.Doctype()
|
||||
@html.New("en"){
|
||||
@html.NewHeader(){
|
||||
@bulma.UseBulmaCdn()
|
||||
}
|
||||
@html.NewBody() {
|
||||
@layout.Container(bulma.BreakpointDefault) {
|
||||
{ children... }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
1
components/bulma/example/layout.templ
Normal file
1
components/bulma/example/layout.templ
Normal file
@ -0,0 +1 @@
|
||||
package example
|
@ -11,4 +11,10 @@ const (
|
||||
SizeNormal = "is-normal"
|
||||
SizeMedium = "is-medium"
|
||||
SizeLarge = "is-large"
|
||||
|
||||
BreakpointDefault = ""
|
||||
BreakpointWidescreen = "is-widescreen"
|
||||
BreakpointFullHd = "is-fullhd"
|
||||
BreakpointMaxDesktop = "is-max-desktop"
|
||||
BreakpointMaxWidescreen = "is-max-widescreen"
|
||||
)
|
||||
|
Loading…
Reference in New Issue
Block a user