This repository has been archived on 2024-04-04. You can view files and clone it, but cannot push or open issues or pull requests.
tailwindui/react/components/application-ui/headings/page-headings/with_actions_on_dark.jsx
2024-01-24 19:02:44 +08:00

26 lines
964 B
JavaScript

export default function Example() {
return (
<div className="md:flex md:items-center md:justify-between">
<div className="min-w-0 flex-1">
<h2 className="text-2xl font-bold leading-7 text-white sm:truncate sm:text-3xl sm:tracking-tight">
Back End Developer
</h2>
</div>
<div className="mt-4 flex md:ml-4 md:mt-0">
<button
type="button"
className="inline-flex items-center rounded-md bg-white/10 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-white/20"
>
Edit
</button>
<button
type="button"
className="ml-3 inline-flex items-center rounded-md bg-indigo-500 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500"
>
Publish
</button>
</div>
</div>
)
}