Botyglot Components V0.0.1
x
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
<div class="elevate-dashboard-layout">
  <main class="elevate-dashboard-layout--main">
    <div class="bg-white h-auto p-4 rounded shadow">
      <div class="relative h-[10000px] overflow-hidden rounded-sm border border-dashed border-gray-400 opacity-75">
        <svg class="absolute inset-0 size-full stroke-gray-900/10" fill="none">
          <defs>
            <pattern id="pattern-7a429f7f-112e-4ecd-bb4c-a0ab3ae94252" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse">
              <path d="M-3 13 15-5M-5 5l18-18M-1 21 17 3"></path>
            </pattern>
          </defs>
          <rect stroke="none" fill="url(#pattern-7a429f7f-112e-4ecd-bb4c-a0ab3ae94252)" width="100%" height="100%"></rect>
        </svg>
      </div>
    </div>
  </main>
  <div class="elevate-dashboard-layout--action-bar">
    <nav class="elevate--sidebar-icons--container">
      <div class="elevate--sidebar-icons--list">
        <a href="/" class="elevate-button elevate-button--size-s elevate-button--align-center elevate--sidebar-icons--logo">
          <span class="elevate-button--trailing-visual">
            <span class="elevate-icon elevate-icon--scheme--secondary elevate-icon--size--s">
              <svg viewbox="0 0 23 15" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" focusable="false" aria-hidden="true">
                <path d="M5.53395 4.11179C5.53395 4.11179 12.1134 0.917261 15.5541 0.222948C18.9981 -0.471366 21.0537 0.527351 21.2784 2.23064C21.6138 4.7719 19.8767 5.5141 18.4615 6.11264C19.8599 6.17079 23.2502 5.91427 22.9853 9.01987C22.6969 12.4093 19.605 13.4525 16.2382 14.1708C12.8747 14.889 10.8156 14.9506 8.71302 14.9985C6.61041 15.0464 9.49438 13.945 9.8532 13.7946C10.212 13.6441 12.9115 12.5701 13.0256 12.447C13.1396 12.3238 13.3207 12.0229 13.0121 12.016C12.7036 12.0092 2.57956 11.5303 1.73113 11.4825C0.882711 11.4346 0.071175 11.2636 0.00410598 11.0105C-0.0629631 10.7574 0.627849 10.087 6.85186 7.9459C12.7808 5.94163 12.6802 5.57908 12.6936 5.51067C12.7003 5.47305 12.6902 5.43543 12.6634 5.3807C12.593 5.24047 9.8096 5.27126 7.35823 5.27468C4.90685 5.28152 4.33006 5.33966 4.27976 5.00106C4.22946 4.66245 5.52724 4.10837 5.52724 4.10837L5.53395 4.11179Z" fill="#FEFADE"></path>
              </svg>
            </span>
          </span>
        </a>
        <span data-controller="tooltip" data-tooltip-target="trigger" data-tooltip-placement-value="left" data-tooltip-display-arrow-value="true" data-tooltip-text-value="Add new model" data-tooltip-other-settings-value="{}">
          <a href="/" class="elevate-button elevate-button--size-s elevate-button--align-center elevate--sidebar-icons--link">
            <span class="elevate-button--trailing-visual">
              <span class="elevate-icon elevate-icon--scheme--secondary elevate-icon--size--xs">
                <svg viewbox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" focusable="false" aria-hidden="true">
                  <path d="M8 5.90909V10.2727M10.1538 8.09091H5.84615M8.76103 2.86182L7.23897 1.32C7.13898 1.21858 7.02024 1.13812 6.88954 1.08322C6.75883 1.02831 6.61873 1.00003 6.47723 1H2.61538C2.18696 1 1.77608 1.1724 1.47314 1.47928C1.17019 1.78616 1 2.20237 1 2.63636V11.3636C1 11.7976 1.17019 12.2138 1.47314 12.5207C1.77608 12.8276 2.18696 13 2.61538 13H13.3846C13.813 13 14.2239 12.8276 14.5269 12.5207C14.8298 12.2138 15 11.7976 15 11.3636V4.81818C15 4.38419 14.8298 3.96798 14.5269 3.6611C14.2239 3.35422 13.813 3.18182 13.3846 3.18182H9.52277C9.23725 3.18156 8.96279 3.06646 8.76103 2.86182Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </span>
            </span>
          </a>
        </span>
        <span data-controller="tooltip" data-tooltip-target="trigger" data-tooltip-placement-value="left" data-tooltip-display-arrow-value="true" data-tooltip-text-value="Sidekiq" data-tooltip-other-settings-value="{}">
          <a href="/" class="elevate-button elevate-button--size-s elevate-button--align-center elevate--sidebar-icons--link">
            <span class="elevate-button--trailing-visual">
              <span class="elevate-icon elevate-icon--scheme--secondary elevate-icon--size--xs">
                <svg viewbox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" focusable="false" aria-hidden="true">
                  <path d="M1 6L3.91176 2.844L7.3871 6L12 0.999912" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M1 9H12" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </span>
            </span>
          </a>
        </span>
        <span data-controller="tooltip" data-tooltip-target="trigger" data-tooltip-placement-value="left" data-tooltip-display-arrow-value="true" data-tooltip-text-value="je sais pas" data-tooltip-other-settings-value="{}">
          <a href="/" class="elevate-button elevate-button--size-s elevate-button--align-center elevate--sidebar-icons--link">
            <span class="elevate-button--trailing-visual">
              <span class="elevate-icon elevate-icon--scheme--secondary elevate-icon--size--xs">
                <svg viewbox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" focusable="false" aria-hidden="true">
                  <path d="M1 7.1875C1 6.808 1.392 6.5 1.875 6.5H3.625C4.108 6.5 4.5 6.808 4.5 7.1875V11.3125C4.5 11.692 4.108 12 3.625 12H1.875C1.64294 12 1.42038 11.9276 1.25628 11.7986C1.09219 11.6697 1 11.4948 1 11.3125V7.1875ZM6.25 4.4375C6.25 4.058 6.642 3.75 7.125 3.75H8.875C9.358 3.75 9.75 4.058 9.75 4.4375V11.3125C9.75 11.692 9.358 12 8.875 12H7.125C6.89294 12 6.67038 11.9276 6.50628 11.7986C6.34219 11.6697 6.25 11.4948 6.25 11.3125V4.4375ZM11.5 1.6875C11.5 1.308 11.892 1 12.375 1H14.125C14.608 1 15 1.308 15 1.6875V11.3125C15 11.692 14.608 12 14.125 12H12.375C12.1429 12 11.9204 11.9276 11.7563 11.7986C11.5922 11.6697 11.5 11.4948 11.5 11.3125V1.6875Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </span>
            </span>
          </a>
        </span>
        <span data-controller="tooltip" data-tooltip-target="trigger" data-tooltip-placement-value="left" data-tooltip-display-arrow-value="true" data-tooltip-text-value="message" data-tooltip-other-settings-value="{}">
          <a href="/" class="elevate-button elevate-button--size-s elevate-button--align-center elevate--sidebar-icons--link">
            <span class="elevate-button--trailing-visual">
              <span class="elevate-icon elevate-icon--scheme--secondary elevate-icon--size--xs">
                <svg viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" focusable="false" aria-hidden="true">
                  <path d="M1 1V0.375C0.654822 0.375 0.375 0.654822 0.375 1L1 1ZM12.9259 1H13.5509C13.5509 0.654822 13.2711 0.375 12.9259 0.375V1ZM1 10.3704H0.375C0.375 10.7155 0.654822 10.9954 1 10.9954L1 10.3704ZM1.00005 10.3704H1.62505C1.62505 10.0252 1.34523 9.74537 1.00005 9.74537V10.3704ZM1.00005 12.5H0.37505C0.37505 12.7367 0.508801 12.9531 0.720541 13.059C0.932281 13.1649 1.18566 13.142 1.37505 13L1.00005 12.5ZM3.83956 10.3704V9.74537C3.70433 9.74537 3.57274 9.78923 3.46456 9.87037L3.83956 10.3704ZM12.9259 10.3704V10.9954C13.2711 10.9954 13.5509 10.7155 13.5509 10.3704H12.9259ZM1 1.625H12.9259V0.375H1V1.625ZM1.625 10.3704V1H0.375V10.3704H1.625ZM1.00005 9.74537H1V10.9954H1.00005V9.74537ZM1.62505 12.5V10.3704H0.37505V12.5H1.62505ZM3.46456 9.87037L0.62505 12L1.37505 13L4.21456 10.8704L3.46456 9.87037ZM12.9259 9.74537H3.83956V10.9954H12.9259V9.74537ZM12.3009 1V10.3704H13.5509V1H12.3009Z" fill="currentColor"></path>
                  <path d="M4.40747 4.40723H9.51858" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M4.40747 6.96289H9.51858" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </span>
            </span>
          </a>
        </span>
        <span data-controller="tooltip" data-tooltip-target="trigger" data-tooltip-placement-value="left" data-tooltip-display-arrow-value="true" data-tooltip-text-value="Documentation" data-tooltip-other-settings-value="{}">
          <a href="/" class="elevate-button elevate-button--size-s elevate-button--align-center elevate--sidebar-icons--link">
            <span class="elevate-button--trailing-visual">
              <span class="elevate-icon elevate-icon--scheme--secondary elevate-icon--size--xs">
                <svg viewbox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" focusable="false" aria-hidden="true">
                  <path d="M1.19238 9.88462C3.90008 9.88462 6.55136 11.2949 7.53854 12V3.53846C6.18469 1.50769 2.74366 1 1.19238 1V9.88462Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M14.3079 9.88462C11.6002 9.88462 8.94889 11.2949 7.96171 12V3.53846C9.31555 1.50769 12.7566 1 14.3079 1V9.88462Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </span>
            </span>
          </a>
        </span>
      </div>
    </nav>
  </div>
</div>
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
<%= elevate_dashboard_layout do |component| %>
  <% component.with_action_bar do %>
    <%= elevate_sidebar_icons do |component| %>
      <% component.with_logo(url: root_path, icon_name: "logo") %>
      <% component.with_link(url: root_path, icon_name: "folder-icon", action_name: "Add new model") %>
      <% component.with_link(url: root_path, icon_name: "chart-icon", action_name: "Sidekiq") %>
      <% component.with_link(url: root_path, icon_name: "chart-bars-icon", action_name: "je sais pas") %>
      <% component.with_link(url: root_path, icon_name: "message-icon", action_name: "message") %>
      <% component.with_link(url: root_path, icon_name: "book-icon", action_name: "Documentation") %>
    <% end %>
  <% end %>
  <div class="bg-white h-auto p-4 rounded shadow">
    <div class="relative h-[10000px] overflow-hidden rounded-sm border border-dashed border-gray-400 opacity-75">
      <svg class="absolute inset-0 size-full stroke-gray-900/10" fill="none">
        <defs>
          <pattern id="pattern-7a429f7f-112e-4ecd-bb4c-a0ab3ae94252" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse">
            <path d="M-3 13 15-5M-5 5l18-18M-1 21 17 3"></path>
          </pattern>
        </defs>
        <rect stroke="none" fill="url(#pattern-7a429f7f-112e-4ecd-bb4c-a0ab3ae94252)" width="100%" height="100%"></rect>
      </svg>
    </div>
  </div>
<% end %>

No notes provided.

No params configured.