Байланыс (Contact) бөлімі валидацияланған байланыс формаларын ұсынады. Әрбір тақырыптың өз визуалды стилі бар, бірақ олардың барлығы бірдей Valibot-қа негізделген валидация логикасын бөліседі.
Тақырып нұсқалары
| Тақырып (Theme) | Компонент | Стилі |
|---|---|---|
| Liquid | ContactLiquid.astro | Градиентті бөлшектері бар сұйық форма дизайны |
| Glass | ContactGlass.astro | Күңгірт шыны (frosted glass) форма картасы |
| Neo | ContactNeo.astro | Айқын, жоғары контрастты форма |
| Luxury | ContactLuxury.astro | Алтын бөлшектері бар премиум форма |
| Minimal | ContactMinimal.astro | Таза, қарапайым байланыс формасы |
| Aurora | ContactAurora.astro | Градиентті фоны бар форма |
Барлық нұсқалар src/components/sections/contact/ орналасқан.
Валидация
Байланыс формалары клиентте де, серверде де жеңіл, типке қауіпсіз (type-safe) валидация жасау үшін Valibot пайдаланады.
- Клиент жағындағы валидация UI үшін лезде кері байланыс береді.
- Ортақ схема
src/lib/schemas/contact.tsішінде орналасқан. - Валидациялық қате хабарламалары
src/locales/{lang}/contact.jsonарқылы толығымен аударылады.
Толық ақпарат алу үшін Формалар және валидация нұсқаулығын қараңыз.
Контент көзі
Байланыс контенті мен валидация хабарламалары src/locales/{lang}/contact.json файлынан жүктеледі.
ℹ️
Қасиеттер (Props) жоқ
Contact компоненттері сыртқы қасиеттерді (props) қабылдамайды. Форма белгілерін (labels) немесе валидация хабарламаларын өңдеу үшін src/locales/{lang}/contact.json файлын жаңартыңыз.