astro-reactive-form/packages/form/components/FieldSet.astro
Ayo Ayco 4dc020027f
feat: create astro reactive validator (#90)
* feat: initial validator component

* chore: fix eslint for validator

* chore: update package info for validator

* chore: remove vscode settings for docs

* chore: put docs and demo into apps

* chore: move package scope @astro-reactive

* test: update tests for validator

* feat: validator functions, hooks

* feat: validator sets haserrors attribute

* feat: use data-validator attributes

* feat: showValidationHints

* feature: add logic for all validators

* refactor: remove Validator component usage

* docs(validator): initial readme

* chore: comment out unsupported validator

* docs(validator): update installation

* chore: package docs and publish

* chore: update deps

* docs: update npm info on docs

* docs(validator): update docs for validator

* fix(form): handle undefined form

* test(validator): update tests

* chore: organize files; update deps

* chore: fix build scripts
2022-10-15 16:32:02 +02:00

20 lines
454 B
Text

---
import type { FormGroup } from '../core/form-group';
import Field from './Field.astro';
export interface Props {
group: FormGroup;
showValidationHints: boolean;
}
const { group, showValidationHints } = Astro.props;
---
<fieldset id={group.name} name={group.name}>
{group.name && <legend>{group.name}</legend>}
{
group?.controls?.map((control) => (
<Field showValidationHints={showValidationHints} control={control} />
))
}
</fieldset>