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

style: initial dark and light style scaffold

Browse source
This commit is contained in:
Ayo 2022-10-04 13:17:05 +02:00
parent 9fe00b3ac7
commit 8514727e1d
1 changed files with 22 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
packages/astro-reactive-form/Form.astro
View file

@ -8,9 +8,26 @@ export interface Props {
const { formGroups } = Astro.props;
---
<form class="light">
{formGroups?.map((group) => <FieldSet group={group} />)}
</form>
{
<form>
{formGroups?.map((group) => <FieldSet group={group} />)}
</form>
}
<style>
.light {
/**
* run dev server with: "npm run dev",
* then open browser to "localhost:3000"
* add a class="light" to the <form> element above to test changes
* INSERT STYLES FOR LIGHT MODE BELOW: */
}
.dark {
/**
* run dev server with: "npm run dev",
* then open browser to "localhost:3000"
* add a class="dark" to the <form> element above to test changes
* INSERT STYLES FOR DARK MODE BELOW: */
background-color: #333;
color: white;
}
</style>