glaze/basecoat
Values
pub fn register(v: String) -> element.Element(a)Register Basecoat UI CSS and JavaScript from CDN.
This includes all Basecoat styles and JavaScript components. Use this for quick setup without Tailwind CSS configuration.
Example
import glaze/basecoat
html.head([], [
basecoat.register(basecoat.version),
])
pub fn register_component(
v: String,
component: String,
) -> element.Element(a)Register a specific Basecoat JavaScript component from CDN.
Use this when you only need specific interactive components (dropdown-menu, popover, select, sidebar, tabs, toast).
Example
import glaze/basecoat
html.head([], [
glaze_basecoat.register_css(glaze_basecoat.version),
glaze_basecoat.register_component(glaze_basecoat.version, "tabs"),
])
pub fn register_css(v: String) -> element.Element(a)Register only Basecoat CSS from CDN.
Use this when you want to manage JavaScript separately.
pub fn register_js(v: String) -> element.Element(a)Register only Basecoat JavaScript from CDN.
Use this when you have Tailwind CSS configured and just need the JavaScript for interactive components (dropdowns, tabs, toasts, etc.).
Example
import glaze/basecoat
html.head([], [
// Your Tailwind CSS import...
glaze_basecoat.register_js(glaze_basecoat.version),
])
pub fn toaster() -> element.Element(a)Add the toaster container required for toast notifications.
Place this at the end of your body element.
Example
import glaze/basecoat
html.body([], [
// Your content...
basecoat.toaster(),
])