diff --git a/components/bulma/block.templ b/components/bulma/block.templ
new file mode 100644
index 0000000..57d129b
--- /dev/null
+++ b/components/bulma/block.templ
@@ -0,0 +1,8 @@
+package bulma
+
+// Simple spacer that accepts children
+templ Block() {
+    <div class="block">
+        { children... }
+    </div>
+}
\ No newline at end of file
diff --git a/components/bulma/example/example.templ b/components/bulma/example/example.templ
new file mode 100644
index 0000000..8940fe2
--- /dev/null
+++ b/components/bulma/example/example.templ
@@ -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... }
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/components/bulma/example/layout.templ b/components/bulma/example/layout.templ
new file mode 100644
index 0000000..f7ec372
--- /dev/null
+++ b/components/bulma/example/layout.templ
@@ -0,0 +1 @@
+package example
diff --git a/components/bulma/util.go b/components/bulma/util.go
index 319fbca..1617019 100644
--- a/components/bulma/util.go
+++ b/components/bulma/util.go
@@ -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"
 )