HTMLコード
<button class="bg-black text-white font-bold py-2 px-4 border border-black active:bg-zinc-700 active:border-zinc-700 focus:outline-none focus:ring-2 focus:ring-black focus:ring-opacity-50 dark:bg-white dark:text-black dark:border-white dark:active:bg-zinc-300 dark:active:border-zinc-300 dark:focus:ring-white">Follow</button>関連コンポーネント
Follow Button コンポーネント
Tailwind CSSを使用してダークモードをサポートするビジネスWebサイト向けに設計された、glassmorphismスタイルと鮮やかな色を備えた複雑で応答性の高いフォローボタンコンポーネント。
Follow Button コンポーネント
パステルカラーの配色とダークモードのサポートを備えた、デート/ソーシャルプラットフォーム用に設計されたシンプルで応答性の高いフォローボタンコンポーネント。
Follow Button コンポーネント
不動産プラットフォーム向けに設計された、グラデーションと落ち着いた色の変化を備えた、複雑で応答性の高い「フォロー」ボタンコンポーネント。ダークモードのサポートが含まれており、セマンティックHTMLを使用します。