Поле: secret

Компонент: lte3::components.text з атрибутом secret (викликається через Lte3::secret())

Опис

secret — це прапорець для text поля, який робить значення в інпут прихованим - додає кнопку-перемикач (іконка ока) у append для показу/приховування значення і задає спеціальну поведінку JS (.js-secret-value + .js-secret-value-btn).

Props / attrs

• name, value, label, help
• secret (bool) — якщо true, то в шаблоні встановлюється type='password' і додається кнопка-показ
• data-origin-type зберігає оригінальний тип поля коли це потрібно

Приклад використання (через Lte3::text):

{!! Lte3::secret('api_key', 'abcd', ['label' => 'API Key']) !!}

Поведінка на фронтенді

• Кнопка з класом .js-secret-value-btn переключає поле між password і оригінальним типом (значення data-origin-type).
• Це дозволяє показати користувачу приховане значення без перезавантаження сторінки.

Поради

• Для суворої безпеки не зберігайте чутливі значення в plaintext у HTML; краще дозволяти відображати тільки частину значення або використовувати серверну валідацію/показ тільки після повторної автентифікації.