penguinui is now in the root dir in penguinui-components/
This commit is contained in:
11
penguinui-components/banner/banner-with-button.html
Normal file
11
penguinui-components/banner/banner-with-button.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<div class="relative flex border-outline bg-surface-alt p-4 text-on-surface dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark border-b">
|
||||
<div class="mx-auto flex flex-wrap items-center gap-2 px-6">
|
||||
<p class="sm:text-sm text-pretty text-xs">Get Fit Anywhere, Anytime 💪</p>
|
||||
<button type="button" class="whitespace-nowrap bg-primary px-4 py-1 text-center text-xs font-medium tracking-wide text-on-primary transition hover:opacity-75 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary active:opacity-100 active:outline-offset-0 disabled:cursor-not-allowed disabled:opacity-75 dark:bg-primary-dark dark:text-on-primary-dark dark:focus-visible:outline-primary-dark rounded-radius">Start free trial</button>
|
||||
</div>
|
||||
<button class="absolute top-1/2 -translate-y-1/2 right-4" aria-label="dismiss banner">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" stroke="currentColor" fill="none" stroke-width="2.5" class="size-4 shrink-0">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
Reference in New Issue
Block a user