x
1
2
3
4
5
6
7
8
<div class="text-center p-8 theme- complement-"> <div class="block h-48 w-96 bg-gradient-to-tr from-theme-6 to-complement-6 m-auto"></div> <p class="font-bold">.bg-gradient-to-tr.from-theme-6.to-complement-6</p></div><div class="text-center p-8 theme- complement-"> <div class="block h-48 w-96 bg-gradient-to-bl from-theme-6 to-complement-6 m-auto"></div> <p class="font-bold">.bg-gradient-to-tr.from-theme-6.to-complement-6</p></div>1
2
3
4
5
6
7
8
<div class="text-center p-8 theme-<%= params[:theme] %> complement-<%= params[:complement] %>"> <div class="block h-48 w-96 bg-gradient-to-tr from-theme-6 to-complement-6 m-auto"></div> <p class="font-bold"><%= ".bg-gradient-to-tr.from-theme-6.to-complement-6" %></p></div><div class="text-center p-8 theme-<%= params[:theme] %> complement-<%= params[:complement] %>"> <div class="block h-48 w-96 bg-gradient-to-bl from-theme-6 to-complement-6 m-auto"></div> <p class="font-bold"><%= ".bg-gradient-to-tr.from-theme-6.to-complement-6" %></p></div>Gradients
Using Tailwinds API to make dynamic gradients
No params configured.
No assets to display.
Add a .js or .css file alongside the component to see it here.
Figma embed for Color System/gradients
Annotate a preview to embed its Figma design here:
@figma "https://figma.com/..."