ayo/astro-reactive-form
ayo/astro-reactive-form
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(form): asterisks on Label.astro (#160)

Browse source
This commit is contained in:
Woramat Ngamkham 2022-10-29 03:14:50 +07:00 committed by GitHub
parent 4b3e4c9f50
commit 5677222258
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
packages/form/components/Label.astro
View file

@ -14,23 +14,26 @@ const { validators = [] } = control;
const isRequired: boolean = showValidationHints && validators.includes('validator-required');
---
{
control.label && control.labelPosition === 'left' && (
<label for={control.name}>
{isRequired && <span>*</span>}
{control.label}
</label>
)
{
control.label && control.labelPosition === 'left' && (
<label for={control.name} data-validation-required={isRequired ? "true" : null}>
{control.label}
</label>
)
}
<slot />
{
control.label && control.labelPosition === 'right' && (
<label for={control.name} data-validation-required={isRequired ? "true" : null}>
{control.label}
</label>
)
}
<style>
label[data-validation-required="true"]::before {
content: "*";
}
<slot />
{
control.label && control.labelPosition === 'right' && (
<label for={control.name}>
{isRequired && <span>*</span>}
{control.label}
</label>
)
}
</style>