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 コンポーネント
不動産プラットフォーム向けに設計されたレスポンシブな「フォロー」ボタンコンポーネントで、企業のブルーカラースキーム、ダークモードのサポート、微妙なインタラクティブホバー効果が特徴です。
Follow Button コンポーネント
ブルータリズムスタイルでデザインされたフォローボタンコンポーネントで、コントラストが高く、生々しく大胆な外観です。レスポンシブで、ダークテーマをサポートしています。
Follow Button コンポーネント
パステルカラーの配色とダークモードのサポートを備えた、デート/ソーシャルプラットフォーム用に設計されたシンプルで応答性の高いフォローボタンコンポーネント。