|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
|
alertPrimary := hb.Div().
Class("mb-4 rounded-lg bg-primary-100 px-6 py-5 text-base text-primary-600").
HTML("A single primary alert-check it out!")
alertSecondary := hb.Div().
Class("mb-4 rounded-lg bg-secondary-100 px-6 py-5 text-base text-secondary-600").
HTML("A single secondary alert-check it out!")
alertSuccess := hb.Div().
Class("mb-4 rounded-lg bg-success-100 px-6 py-5 text-base text-success-600").
HTML("A single success alert-check it out!")
alertDanger := hb.Div().
Class("mb-4 rounded-lg bg-danger-100 px-6 py-5 text-base text-danger-600").
HTML("A single danger alert-check it out!")
alertWarning := hb.Div().
Class("mb-4 rounded-lg bg-warning-100 px-6 py-5 text-base text-warning-600").
HTML("A single warning alert-check it out!")
alertInfo := hb.Div().
Class("mb-4 rounded-lg bg-info-100 px-6 py-5 text-base text-info-600").
HTML("A single info alert-check it out!")
alertLight := hb.Div().
Class("mb-4 rounded-lg bg-neutral-50 px-6 py-5 text-base text-light-600").
HTML("A single light alert-check it out!")
alertDark := hb.Div().
Class("mb-4 rounded-lg bg-neutral-800 px-6 py-5 text-base text-neutral-50 dark:bg-neutral-900").
HTML("A single dark alert-check it out!")
alertPrimaryWithLink := hb.Div().
Class("mb-4 rounded-lg bg-primary-100 px-6 py-5 text-base text-primary-700").
HTML("A simple primary alert with an ").
Child(hb.Hyperlink().HTML("example link").Class("font-bold text-primary-700")).
HTML(". Give it a click if you like")
alertSecondaryWithLink := hb.Div().
Class("mb-4 rounded-lg bg-secondary-100 px-6 py-5 text-base text-secondary-700").
HTML("A simple secondary alert with an ").
Child(hb.Hyperlink().HTML("example link").Class("font-bold text-secondary-700")).
HTML(". Give it a click if you like")
alertSuccessWithLink := hb.Div().
Class("mb-4 rounded-lg bg-success-100 px-6 py-5 text-base text-success-700").
HTML("A simple success alert with an ").
Child(hb.Hyperlink().HTML("example link").Class("font-bold text-success-700")).
HTML(". Give it a click if you like")
alertDangerWithLink := hb.Div().
Class("mb-4 rounded-lg bg-danger-100 px-6 py-5 text-base text-danger-700").
HTML("A simple danger alert with an ").
Child(hb.Hyperlink().HTML("example link").Class("font-bold text-danger-700")).
HTML(". Give it a click if you like")
alertWarningWithLink := hb.Div().
Class("mb-4 rounded-lg bg-warning-100 px-6 py-5 text-base text-warning-700").
HTML("A simple warning alert with an ").
Child(hb.Hyperlink().HTML("example link").Class("font-bold text-warning-700")).
HTML(". Give it a click if you like")
alertInfoWithLink := hb.Div().
Class("mb-4 rounded-lg bg-info-100 px-6 py-5 text-base text-info-700").
HTML("A simple info alert with an ").
Child(hb.Hyperlink().HTML("example link").Class("font-bold text-info-700")).
HTML(". Give it a click if you like")
alertWithAdditionalContent := hb.Div().
Class("mb-4 rounded-lg bg-success-100 px-6 py-5 text-base text-success-700").
Child(hb.Heading4().HTML("Well done!").Class("mb-2 text-2xl font-medium leading-tight")).
Child(hb.Paragraph().HTML("You successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.").Class("mb-4")).
Child(hb.HR().Class("border-success-600 opacity-30")).
Child(hb.Paragraph().HTML("Whenever you need to, be sure to use margin utilities to keep things nice and tidy.").Class("mb-0 mt-4"))
alertPrimaryWithIcon := hb.Div().
Class("mb-3 inline-flex w-full items-center rounded-lg bg-primary-100 px-6 py-5 text-base text-primary-700").
Child(hb.I().Class("bi bi-globe text-md").Class("mr-2")).
HTML("A simple primary alert - check it out!")
alertSecondaryWithIcon := hb.Div().
Class("mb-3 inline-flex w-full items-center rounded-lg bg-secondary-100 px-6 py-5 text-base text-secondary-700").
Child(hb.I().Class("bi bi-arrow-clockwise text-md").Class("mr-2")).
HTML("A simple secondary alert - check it out!")
alertSuccessWithIcon := hb.Div().
Class("mb-3 inline-flex w-full items-center rounded-lg bg-success-100 px-6 py-5 text-base text-success-700").
Child(hb.I().Class("bi bi-check-circle-fill text-md").Class("mr-2")).
HTML("A simple success alert - check it out!")
alertDangerWithIcon := hb.Div().
Class("mb-3 inline-flex w-full items-center rounded-lg bg-danger-100 px-6 py-5 text-base text-danger-700").
Child(hb.I().Class("bi bi-x-circle-fill text-md").Class("mr-2")).
HTML("A simple danger alert - check it out!")
alertWarningWithIcon := hb.Div().
Class("mb-3 inline-flex w-full items-center rounded-lg bg-warning-100 px-6 py-5 text-base text-warning-700").
Child(hb.I().Class("bi bi-exclamation-triangle-fill text-md").Class("mr-2")).
HTML("A simple warning alert - check it out!")
alertInfoWithIcon := hb.Div().
Class("mb-3 inline-flex w-full items-center rounded-lg bg-info-100 px-6 py-5 text-base text-info-700").
Child(hb.I().Class("bi bi-info-circle-fill text-md").Class("mr-2")).
HTML("A simple info alert - check it out!")
alertWarningWithDismiss := hb.Div().
Class("mb-3 inline-flex w-full items-center rounded-lg bg-warning-100 px-6 py-5 text-base text-warning-700").
Child(hb.I().Class("bi bi-exclamation-triangle-fill text-md").Class("mr-2")).
HTML("A simple warning alert with a dismiss button").
Child(hb.Button().Class("ml-auto box-content rounded-none border-none p-0 text-warning-900 opacity-50 hover:text-warning-900 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none text-2xl").HTML("×").Data("bs-dismiss", "alert").Attr("aria-label", "Close"))
|