bs's Introduction

Bootstrap UI for Golang

An extensive Golang library for declaratve building of Bootstrap components.

Its an extension of the HTML Builder package: https://github.com/gouniverse/hb

You can find different examples below.

Alerts

bs.Alert().Class("alert-info").HTML("Info text")

bs.Alert().Class("alert-danger").HTML("Danger text")

bs.Alert().Class("alert-success").HTML("Success text")

bs.Alert().Class("alert-warning").HTML("Warning text")

Breadcrumbs

breadcrumbsPath := []bs.Breadcrumb{
	{
		Name: "Home",
		URL:  "/users",
		Icon: icons.Icon("bi-house-fill", 16, 16, "gray").ToHTML(),
	},
	{
		Name: "Profile",
		Icon: icons.Icon("bi-person-circle", 16, 16, "gray").ToHTML(),
		URL:  "/users/profile",
	},
	{
		Name: "Update details",
		URL:  "/users/profile/update",
	},
}

breadcrumbs := bs.Breadcrumbs(breadcrumbsPath).Style("background:#e9ecef;border-radius:10px;padding:10px;margin-bottom:10px;")

Result

Cards

card := bs.Card().ID("CardPreview").AddChildren([]*hb.Tag{
	bs.CardHeader().Child(hb.NewHeading5().HTML("Preview")),
	bs.CardBody().Child(preview),
})

Tabs

bs.NavTabs().Children([]*hb.Tag{
	bs.NavItem().Children([]*hb.Tag{
		bs.NavLink().Class("active").Children([]*hb.Tag{
			hb.NewSpan().HTML("Overview"),
		}),
	}),
	bs.NavItem().Children([]*hb.Tag{
		bs.NavLink().Children([]*hb.Tag{
			hb.NewSpan().HTML("Statistics"),
		}),
	}),
	bs.NavItem().Children([]*hb.Tag{
		bs.NavLink().Children([]*hb.Tag{
			hb.NewSpan().HTML("Preview"),
		}),
	}),
}),

Pills

bs.NavPills().Children([]*hb.Tag{
	bs.NavItem().Children([]*hb.Tag{
		bs.NavLink().Class("active").Children([]*hb.Tag{
			hb.NewSpan().HTML("Overview"),
		}),
	}),
	bs.NavItem().Children([]*hb.Tag{
		bs.NavLink().Children([]*hb.Tag{
			hb.NewSpan().HTML("Statistics"),
		}),
	}),
	bs.NavItem().Children([]*hb.Tag{
		bs.NavLink().Children([]*hb.Tag{
			hb.NewSpan().HTML("Preview"),
		}),
	}),
}),

Recommend Projects