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/section-headings/with_actions.jsx

22 lines
911 B
React
Raw Normal View History

2024-01-24 19:02:44 +08:00
export default function Example() {
return (
<div className="border-b border-gray-200 pb-5 sm:flex sm:items-center sm:justify-between">
<h3 className="text-base font-semibold leading-6 text-gray-900">Job Postings</h3>
<div className="mt-3 flex sm:ml-4 sm:mt-0">
<button
type="button"
className="inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
>
Share
</button>
<button
type="button"
className="ml-3 inline-flex items-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
>
Create
</button>
</div>
</div>
)
}