carderrormessagecentered

Error: Invalid HTML Input

Ошибка: Невалидный HTML. Компонент отображает сообщение об ошибке, когда вместо HTML-кода предоставлена ссылка на Figma. Используется для уведомления пользователя.

Live Preview

Prompt

<div class="flex items-center justify-center min-h-screen bg-gray-50">
  <div class="max-w-md p-8 bg-white rounded-lg shadow-md">
    <div class="flex items-center justify-center w-12 h-12 mx-auto mb-4 bg-red-100 rounded-full">
      <svg class="w-6 h-6 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
      </svg>
    </div>
    <h3 class="mb-2 text-xl font-semibold text-center text-gray-900">Invalid Input</h3>
    <p class="text-center text-gray-600">Please provide HTML code instead of a Figma URL. To extract components, I need actual HTML markup with CSS classes.</p>
  </div>
</div>

All Prompts