[ Component ]
Share link

· share
Copy as
HTML
JSX
            <div class="flex justify-center items-center bg-gray-100 w-full min-h-screen text-gray-800">
  <div class="rounded-2xl p-6 bg-white shadow-xl w-96">
    <h1 class="text-lg font-semibold">Share link</h1>
    <p class="text-gray-500 text-sm">Anyone with the link can view and comment on the files</p><input class="block w-full my-4 py-1 px-2 rounded border border-gray-200 select-all" disabled="disabled" value="https://tailwind-cards.now.sh/card/iSJeSl9riU9dmsTJ3DQN"> <button class="block ml-auto text-blue-600">Copy link</button>
  </div>
</div>