Components
Loading preview...
Here is Button Ui components
@prebuiltui
npx shadcn@latest add https://21st.dev/r/prebuiltui/button-ui"use client";
import React from "react";
export default function Example() {
return (
<div className="flex flex-wrap items-center justify-center gap-5 md:gap-12">
<button type="button" className="px-6 py-2 active:scale-95 transition bg-blue-500 rounded text-white text-sm font-medium">Solid</button>
<button type="button" className="px-6 py-2 active:scale-95 transition bg-gray-500/15 border border-gray-500/20 rounded text-blue-500 text-sm font-medium">Faded</button>
<button type="button" className="px-6 py-2 active:scale-95 transition bg-gray-500/15 border border-blue-500 rounded text-blue-500 text-sm font-medium">Bordered</button>
<button type="button" className="px-6 py-2 active:scale-95 transition text-blue-500 text-sm font-medium">Light</button>
<button type="button" className="px-6 py-2 active:scale-95 transition bg-blue-500/20 rounded text-blue-500 text-sm font-medium">Flat</button>
<button type="button" className="px-6 py-2 active:scale-95 transition bg-blue-500 rounded text-white shadow-lg shadow-blue-500/30 text-sm font-medium">Shadow</button>
</div>
);
};