<% @tabs = { definition: 'Definition', examples: 'Examples', usage: 'Usage', settings: 'Settings' } if @tabs == 'module' %> <% @tabs = { overview: 'Overview', usage: 'Usage', examples: 'Examples', settings: 'Settings' } if @tabs == 'behavior' %>

<%=@document.title %> <% if @document.status?: %><%= @document.status %><% end %>

<%=@document.description %>

<% if @document.type is 'UI Element' or @document.type is 'UI View' or @document.type is 'UI Collection': %>
Definition Mode
<% end %> <% if @document.type is 'UI Module': %> Learn about Modules <% end %> <% if @document.themes?: %> <% end %>
Download
<% if @tabs?: %> <% index = 0 %> <% tabCount = 0 %> <% numbers = ['zero', 'one', 'two', 'three', 'four', 'five', 'six'] %> <% colors = ['red', 'teal', 'blue', 'purple', 'black', 'orange'] %> <% for id, name of @tabs: %> <% tabCount++ %> <% end %> <% index = 0 %> <% end %>