Skip to content

Commit

Permalink
Add filter fields
Browse files Browse the repository at this point in the history
  • Loading branch information
rroose-rvo committed Oct 17, 2023
1 parent 3ebed7a commit b6beb1c
Showing 1 changed file with 23 additions and 4 deletions.
27 changes: 23 additions & 4 deletions documentation/demopages/mijnpercelen/Percelen.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,14 @@
import { Alert, Button, CheckboxField, Heading, Icon, LayoutColumnRow, MenuBar, SelectField } from '@nl-rvo/components';
import {
Alert,
Button,
CheckboxField,
Heading,
Icon,
LayoutColumnRow,
MenuBar,
SelectField,
TextInputField,
} from '@nl-rvo/components';
import '../common/rhs-update.scss';
import '../common/mijn-percelen.scss';

Expand Down Expand Up @@ -68,12 +78,12 @@ const Percelen = () => {
<fieldset className="utrecht-form-fieldset__fieldset utrecht-form-fieldset--html-fieldset">
<details className="rvo-percelen-filter">
<summary>
Filter percelen <Icon icon="delta-omlaag"></Icon>
Filter en sorteer percelen <Icon icon="delta-omlaag"></Icon>
<Icon icon="delta-omhoog"></Icon>
</summary>
<LayoutColumnRow size="sm">
<LayoutColumnRow size="md">
<SelectField
label="Op peildatum"
label="Filter op peildatum"
options={[{ value: '1', label: '15-05-2023' }]}
></SelectField>
<CheckboxField
Expand All @@ -83,6 +93,15 @@ const Percelen = () => {
{ id: 'optionB-cb-warning', label: 'Toon percelen met waarschuwingen' },
]}
></CheckboxField>
<TextInputField label="Filter op naam perceel"></TextInputField>
<SelectField
label="Sorteer percelen"
options={[
{ value: 'a', label: 'Op naam' },
{ value: 'b', label: 'Op nummer' },
{ value: 'c', label: 'Op aantal hectare' },
]}
></SelectField>
</LayoutColumnRow>
</details>
</fieldset>
Expand Down

0 comments on commit b6beb1c

Please sign in to comment.