header.erb in yard-api-0.2.3

- old
+ new

@@ -1,19 +1,30 @@
-<div class='method_details'>
+<div class='method-details'>
   <h2
-    class='api_method_name'
+    class='method-details__name'
     name='<%= @props[:method_link] %>'
     data-subtopic='<%= @props[:subtopic] %>'
   >
     <a
       name='<%= @props[:method_link] %>'
       href='#<%= @props[:method_link] %>'
+      class='method-details__name-link'
     >
       <%= object.tag('API').text %>
     </a>
 
+    <% if object.has_tag?('beta') && api_options["use_beta_flag"] %>
+      <span
+        class="method-details__beta-flag"
+        title="This API endpoint is not finalized, and there could be
+               breaking changes before its final release."
+      >
+        BETA
+      </span>
+    <% end %>
+
     <% if @props[:path] && !api_options.github_url.to_s.empty? %>
-      <span class='defined-in'>
+      <span class='method-details__defined-in'>
         <a href="<%= api_options.github_url %>/blob/<%= api_options.github_branch %>/<%= @props[:path] %>">
           <%= "#{@props[:controller]}Controller\##{@props[:action]}" %>
         </a>
       </span>
     <% end %>