-
Notifications
You must be signed in to change notification settings - Fork 0
/
horizontaloverflow.go
87 lines (84 loc) · 1.76 KB
/
horizontaloverflow.go
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
package navigation
import app "github.com/maxence-charriere/go-app/v9/pkg/app"
type HorizontalOverflow struct {
app.Compo
}
func (c *HorizontalOverflow) Render() app.UI {
return app.Nav().
Class("pf-c-nav pf-m-horizontal pf-m-scrollable").
Aria("label", "Global").
Body(
app.Button().
Class("pf-c-nav__scroll-button").
Disabled(true).
Aria("label", "Scroll left").
Body(
app.I().
Class("fas fa-angle-left").
Aria("hidden", true),
),
app.Ul().
Class("pf-c-nav__list").
Body(
app.Li().
Class("pf-c-nav__item").
Body(
app.A().
Href("#").
Class("pf-c-nav__link").
Body(
app.Text("Horizontal nav item 1"),
),
),
app.Li().
Class("pf-c-nav__item").
Body(
app.A().
Href("#").
Class("pf-c-nav__link").
Body(
app.Text("Horizontal nav item 2"),
),
),
app.Li().
Class("pf-c-nav__item").
Body(
app.A().
Href("#").
Class("pf-c-nav__link").
Body(
app.Text("Horizontal nav item 3"),
),
),
app.Li().
Class("pf-c-nav__item").
Body(
app.A().
Href("#").
Class("pf-c-nav__link").
Body(
app.Text("Horizontal nav item 4"),
),
),
app.Li().
Class("pf-c-nav__item").
Body(
app.A().
Href("#").
Class("pf-c-nav__link pf-m-current").
Aria("current", "page").
Body(
app.Text("Horizontal nav item 5"),
),
),
),
app.Button().
Class("pf-c-nav__scroll-button").
Aria("label", "Scroll right").
Body(
app.I().
Class("fas fa-angle-right").
Aria("hidden", true),
),
)
}