Skip to content

Commit

Permalink
move place button and list component
Browse files Browse the repository at this point in the history
  • Loading branch information
@BimaBizz
BimaBizz committed Mar 19, 2023
1 parent 06b8e79 commit 9f5dfc2
Show file tree
Hide file tree
Showing 3 changed files with 33 additions and 29 deletions.
22 changes: 11 additions & 11 deletions AlertComps.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,20 +106,12 @@ <h1 class="font-LITE text-blue-500 -z-10 blur-sm absolute text-5xl">
</div>
<!-- header isi -->
<div class="my-5 text-white">
<h4 class="text-xl">List Components</h4>
<p>Komponen Alert dapat digunakan untuk memberikan informasi kepada pengguna Anda seperti pesan sukses
atau kesalahan, tetapi juga menyorot informasi yang melengkapi alur normal paragraf dan tajuk pada
halaman.</p>
<div class="relative flex group w-fit">
<div class="bg-pink-500 group-hover:bg-pink-300 rounded-lg px-4 py-2 w-fit mt-2">
<a href="https://play.tailwindcss.com/dryuZeW8x1">Coba Component</a>
</div>
<div class="bg-pink-500 group-hover:bg-pink-300 absolute -z-10 rounded-lg px-4 py-2 w-fit mt-2 blur-sm">
<a href="https://play.tailwindcss.com/dryuZeW8x1">Coba Component</a>
</div>
</div>
</div>
<div class="block space-y-2">
<h4 class="text-xl text-white">List Components</h4>
<div class="relative flex w-full">
<div class="flex text-blue-500 w-full p-3 border border-blue-500 rounded-lg">
<p>Info alert! Change a few things up and try submitting again.</p>
Expand All @@ -145,8 +137,8 @@ <h4 class="text-xl">List Components</h4>
</div>
</div>
</div>
<div class="w-full mt-5">
<div class="coding inverse-toggle px-5 pt-4 shadow-lg text-gray-100 text-sm font-mono subpixel-antialiased
<div class="w-full mt-5 ">
<div class="px-5 pt-4 shadow-lg text-gray-100 text-sm font-mono subpixel-antialiased
bg-[#12102a] pb-6 rounded-lg leading-normal overflow-hidden border border-white">
<div class="top mb-2 flex">
<h1>Code :</h1>
Expand All @@ -161,6 +153,14 @@ <h1>Code :</h1>
&lt;/div>
</code>
</div>
<div class="flex group right-3 bottom-3 text-white">
<div class="bg-pink-500 group-hover:bg-pink-300 rounded-lg px-4 py-2 w-fit mt-2">
<a href="https://play.tailwindcss.com/dryuZeW8x1">Coba Component</a>
</div>
<div class="bg-pink-500 group-hover:bg-pink-300 absolute -z-10 rounded-lg px-4 py-2 h-fit w-fit mt-2 blur-sm">
<a href="https://play.tailwindcss.com/dryuZeW8x1">Coba Component</a>
</div>
</div>
</div>
</div>
</div>
Expand Down
20 changes: 11 additions & 9 deletions Badges.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,17 +106,11 @@ <h1 class="font-LITE text-blue-500 -z-10 blur-sm absolute text-5xl">
</div>
<!-- header isi -->
<div class="my-5 text-white">
<h4 class="text-xl">List Components</h4>

<p>Komponen badges dapat digunakan untuk melengkapi elemen lain seperti tombol atau elemen teks sebagai label atau untuk menunjukkan jumlah data yang diberikan, seperti jumlah komentar untuk artikel atau berapa lama waktu berlalu sejak komentar dibuat. dibuat.</p>
<div class="relative flex group w-fit">
<div class="bg-pink-500 group-hover:bg-pink-300 rounded-lg px-4 py-2 w-fit mt-2">
<a href="https://play.tailwindcss.com/9SJCUht8hy">Coba Component</a>
</div>
<div class="bg-pink-500 group-hover:bg-pink-300 absolute -z-10 rounded-lg px-4 py-2 w-fit mt-2 blur-sm">
<a href="https://play.tailwindcss.com/9SJCUht8hy">Coba Component</a>
</div>
</div>

</div>
<h4 class="text-xl my-2 text-white">List Components</h4>
<div class="flex">
<div class="relative flex">
<span class="text-blue-500 text-xs font-medium mr-2 px-2.5 py-0.5 rounded border border-blue-500">Biru</span>
Expand Down Expand Up @@ -146,6 +140,14 @@ <h1>Code :</h1>
&lt;/div>
</code>
</div>
<div class="relative flex group w-fit text-white">
<div class="bg-pink-500 group-hover:bg-pink-300 rounded-lg px-4 py-2 w-fit mt-2">
<a href="https://play.tailwindcss.com/9SJCUht8hy">Coba Component</a>
</div>
<div class="bg-pink-500 group-hover:bg-pink-300 absolute -z-10 rounded-lg px-4 py-2 w-fit mt-2 blur-sm">
<a href="https://play.tailwindcss.com/9SJCUht8hy">Coba Component</a>
</div>
</div>
</div>
</div>
</div>
Expand Down
20 changes: 11 additions & 9 deletions Buttons.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,17 +106,11 @@ <h1 class="font-LITE text-blue-500 -z-10 blur-sm absolute text-5xl">
</div>
<!-- header isi -->
<div class="my-5 text-white">
<h4 class="text-xl">List Components</h4>

<p>Komponen buttons mungkin merupakan elemen yang paling banyak digunakan di antarmuka pengguna atau situs web mana pun karena dapat digunakan untuk meluncurkan tindakan tetapi juga untuk menautkan ke halaman lain.</p>
<div class="relative flex group w-fit">
<div class="bg-pink-500 group-hover:bg-pink-300 rounded-lg px-4 py-2 w-fit mt-2">
<a href="https://play.tailwindcss.com/g3fZT9dDfM">Coba Component</a>
</div>
<div class="bg-pink-500 group-hover:bg-pink-300 absolute -z-10 rounded-lg px-4 py-2 w-fit mt-2 blur-sm">
<a href="https://play.tailwindcss.com/g3fZT9dDfM">Coba Component</a>
</div>
</div>

</div>
<h4 class="text-xl text-white my-2">List Components</h4>
<div class="flex space-x-2">
<div class="relative flex group w-fit text-white">
<div class="bg-pink-500 group-hover:bg-pink-300 rounded-lg px-4 py-2 w-fit mt-2">
Expand Down Expand Up @@ -160,6 +154,14 @@ <h1>Code :</h1>
&lt;/div>
</code>
</div>
<div class="relative flex group w-fit text-white">
<div class="bg-pink-500 group-hover:bg-pink-300 rounded-lg px-4 py-2 w-fit mt-2">
<a href="https://play.tailwindcss.com/g3fZT9dDfM">Coba Component</a>
</div>
<div class="bg-pink-500 group-hover:bg-pink-300 absolute -z-10 rounded-lg px-4 py-2 w-fit mt-2 blur-sm">
<a href="https://play.tailwindcss.com/g3fZT9dDfM">Coba Component</a>
</div>
</div>
</div>
</div>
</div>
Expand Down

1 comment on commit 9f5dfc2

@vercel
Copy link

@vercel vercel bot commented on 9f5dfc2 Mar 19, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

neon-component – ./

neon-component.vercel.app
neon-component-bimabizz.vercel.app
neon-component-git-master-bimabizz.vercel.app

Please sign in to comment.