CCHub Logo CCHub Tailwind Collection
コンポーネント フィードバックコンポーネント フィードバックコンポーネントコンポーネント

フィードバックコンポーネントコンポーネント

パステルカラーの配色、適度な複雑さ、ダークテーマをサポートするレスポンシブデザインを備えたブルータリストスタイルのフィードバックコンポーネント。フィードバックや推薦文を紹介するポートフォリオ用に設計されています。

プレビュー

HTMLコード 

<div class="min-h-screen bg-pink-100 dark:bg-stone-900 p-8 flex items-center justify-center">
  <div class="max-w-4xl w-full bg-white dark:bg-stone-800 shadow-brutalist border-4 border-stone-900 dark:border-pink-500 p-8 md:p-12 relative">
    <h2 class="text-3xl md:text-5xl font-extrabold text-stone-900 dark:text-pink-100 mb-8 border-b-4 border-stone-900 dark:border-pink-500 pb-4 inline-block">
      Client Testimonials
    </h2>
    
    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
      <!-- Testimonial 1 -->
      <div class="bg-pink-200 dark:bg-stone-700 p-6 border-4 border-stone-900 dark:border-pink-500 relative group">
        <p class="text-stone-800 dark:text-pink-200 text-lg mb-4 italic leading-relaxed">
          "Working with [Your Name] was an absolute game-changer for my project. Their unique vision and relentless dedication brought my ideas to life in ways I hadn

関連コンポーネント

フィードバックコンポーネントコンポーネント

コンサルティング/サービスWebサイトに適したシンプルで応答性の高いフィードバックコンポーネントで、トライアドカラースキームとマイクロインタラクション設計原則を特長としています。ダークモードのサポートが含まれています。

開ける

フィードバックコンポーネントコンポーネント

評価スケールとコメント用のテキスト領域を備えたフィードバックコンポーネントで、レスポンシブデザインとダークテーマがサポートされています。

開ける

フィードバックコンポーネントコンポーネント

e コマース向けに設計されたミニマリスト フィードバック コンポーネントで、柔らかなパステル カラー、レスポンシブ デザイン、ダーク テーマのサポートが特徴です。このコンポーネントには、入力フィールド、評価システム、送信ボタンを備えたフィードバック フォームが含まれており、すべて Tailwind CSS でスタイル設定されています。

開ける