Previews

No matching results.

x
1
2
3
4
5
6
<p class="text-gray-500">
Please press
<kdb class="mx-1 elevate-kdb">Cmd</kdb>
+
<kdb class="mx-1 elevate-kdb">R</kdb> to reload page.
</p>
1
2
3
4
5
6
<p class="text-gray-500">
Please press
<%= elevate_kdb(classes: 'mx-1') { 'Cmd' } %>
+
<%= elevate_kdb(classes: 'mx-1') { 'R' } %> to reload page.
</p>

app/assets/stylesheets/components/kdb.css

1
2
3
4
5
@layer components {
.elevate-kdb {
@apply px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg;
}
}