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
<div class="elevate-empty-state">
  <div class="elevate-empty-state--content">
    <img src="/assets/empty-state-bc909b49.png" role="presentation" class="elevate-empty-state--image">
    <div class="elevate-empty-state--text">
      <h3 class="elevate-empty-state--title">Invite your first user</h3>
      <p class="elevate-empty-state--description">Add your team members and external users.</p>
    </div>
    <div class="elevate-empty-state--actions">
      <div class="flex justify-center gap-x-2">
        <a href="/" class="elevate-button elevate-button--secondary elevate-button--size-xl elevate-button--align-center">
          <span class="elevate-button--leading-visual">
            <span class="elevate-icon elevate-icon--scheme--secondary elevate-icon--size--s">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" focusable="false" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path>
              </svg>
            </span>
          </span>
          Create invite link
        </a>
        <a href="/" class="elevate-button elevate-button--primary elevate-button--size-xl elevate-button--align-center">
          <span class="elevate-button--leading-visual">
            <span class="elevate-icon elevate-icon--scheme--white elevate-icon--size--s">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" focusable="false" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path>
              </svg>
            </span>
          </span>
          Add user
        </a>  </div>
    </div>
  </div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
<%= elevate_empty_state(title: "Invite your first user", description: "Add your team members and external users.", image: image_path("empty-state.png")) do %>
  <div class="flex justify-center gap-x-2">
    <%= elevate_button(url: root_path, size: :extra_large, scheme: :secondary) do |button| %>
      <% button.with_leading_visual_icon(name: "plus-icon", scheme: :secondary) %>
      Create invite link
    <% end %>
    <%= elevate_button(url: root_path, size: :extra_large, scheme: :primary) do |button| %>
      <% button.with_leading_visual_icon(name: "plus-icon", scheme: :white) %>
      Add user
    <% end %>
  </div>
<% end %>

No notes provided.

No params configured.