Primer ViewComponents v0.38.0

Previews

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
render(Primer::Beta::NavList.new(selected_item_id: :code_review_limits)) do |list|
  list.with_heading(title: "Repository settings")
  list.with_item(label: "General", href: "/general") do |item|
    item.with_leading_visual_icon(icon: :gear)
  end
  list.with_divider
  list.with_item(label: "Settings", href: "/settings") do |item|
    item.with_leading_visual_icon(icon: :beaker)
  end
  list.with_group do |group|
    group.with_heading(title: "Access")
    group.with_avatar_item(
      src: "https://avatars.githubusercontent.com/u/103004183?v=4",
      username: "hulk_smash",
      full_name: "Bruce Banner",
      full_name_scheme: :inline,
      href: "/profile",
      avatar_arguments: { shape: :square }
    )
    group.with_item(label: "Collaborators and teams", href: "/collaborators", selected_by_ids: :collaborators) do |item|
      item.with_leading_visual_icon(icon: :people)
    end
    group.with_item(label: "Moderation options") do |item|
      item.with_leading_visual_icon(icon: :"comment-discussion")
      item.with_item(label: "Interaction limits", href: "/interaction-limits", selected_by_ids: :interaction_limits)
      item.with_item(label: "Code review limits", href: "/review-limits", selected_by_ids: :code_review_limits)
      item.with_item(label: "Reported content", href: "/reported-content", selected_by_ids: :reported_content)
    end
  end
end