x
1
2
3
4
5
6
7
8
9
10
11
<figure class="flex h-full flex-col overflow-hidden rounded-2xl bg-surface-code shadow-md">
<figcaption class="flex items-center px-4 py-3">
<span class="text-xs font-medium uppercase tracking-wider text-code-fg">Kinds</span>
</figcaption>
<pre class="overflow-x-auto px-4 pb-4 font-mono text-sm text-code-fg"><code><span class="text-code-fg">plain</span>
<span class="text-code-keyword">keyword</span>
<span class="text-code-string">string</span>
<span class="text-code-property">property</span>
<span class="text-code-number">number</span>
<span class="text-code-operator">operator</span></code></pre>
</figure>
1
2
<% lines = CodeCardComponent::KINDS.keys.map { |kind| [ [ kind, kind.to_s ] ] } %>
<%= render CodeCardComponent.new(language: "Kinds", lines: lines) %>