Skip to content

Commit

Permalink
Fix broken wings. I mean links
Browse files Browse the repository at this point in the history
  • Loading branch information
henit committed Dec 7, 2023
1 parent efd9f57 commit 8f28e23
Show file tree
Hide file tree
Showing 15 changed files with 22 additions and 22 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ In summary:
- State management using the declarative [JSON Pointer](https://datatracker.ietf.org/doc/html/draft-ietf-appsawg-json-pointer-03) directive (i.e `path="/firstName"`).
- Simple validation (like `minLength` on text fields) as well as [Ajv JSON schema validator](https://ajv.js.org/) support on both single fields and the whole data set.
- Building blocks for [creating custom field components](/uilib/extensions/forms/create-component).
- Static [value components](/uilib/extensions/forms/create-component/Value/) for displaying data with proper formatting.
- Static [value components](/uilib/extensions/forms/extended-features/Value/) for displaying data with proper formatting.

### Basic field usage

Expand Down Expand Up @@ -168,7 +168,7 @@ To build an entire form, there are surrounding components such as [Form.Handler]

### Value components

Beside the interactive [Field](/uilib/extensions/forms/create-component/Field/) components, there are also the static [Value](/uilib/extensions/forms/create-component/Value/) components. Use these to show summaries or read-only parts of your application with benefits such as linking to source data and standardized formatting based on the type of data to be displayed.
Beside the interactive [Field](/uilib/extensions/forms/fields/) components, there are also the static [Value](/uilib/extensions/forms/extended-features/Value/) components. Use these to show summaries or read-only parts of your application with benefits such as linking to source data and standardized formatting based on the type of data to be displayed.

## Create your own components

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,4 @@ showTabs: true

`Field.Boolean` is the base component for receiving user input where the target data is of type `boolean`.

There is a corresponding [Value.Boolean](/uilib/extensions/forms/create-component/Value/Boolean) component.
There is a corresponding [Value.Boolean](/uilib/extensions/forms/extended-features/Value/Boolean) component.
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ showTabs: true

`Field.Number` is the base component for receiving user input where the target data is of type `number`.

There is a corresponding [Value.Number](/uilib/extensions/forms/create-component/Value/Number) component.
There is a corresponding [Value.Number](/uilib/extensions/forms/extended-features/Value/Number) component.

## When to use and not to use

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,4 @@ showTabs: true

`Field.Option` is a part for building selection inputs with Field.Select.

There is a corresponding [Value.Option](/uilib/extensions/forms/create-component/Value/Option) component.
There is a corresponding [Value.Option](/uilib/extensions/forms/extended-features/Value/Option) component.
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ showTabs: true

`Field.String` is the base component for receiving user input where the target data is of type `string`.

There is a corresponding [Value.String](/uilib/extensions/forms/create-component/Value/String) component.
There is a corresponding [Value.String](/uilib/extensions/forms/extended-features/Value/String) component.

## Autocomplete and autofill

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import Demos from 'Docs/uilib/extensions/forms/create-component/FieldBlock/demos

## Description

`FieldBlock` is a reusable wrapper for building [Field](/uilib/extensions/forms/create-component/Field) or [Value](/uilib/extensions/forms/create-component/Value) components.
`FieldBlock` is a reusable wrapper for building [Field](/uilib/extensions/forms/fields) or [Value](/uilib/extensions/forms/extended-features/Value) components.

It shows surrounding elements through properties from `FieldProps` like `label` and `error`, and ensure that spacing between different fields work as required when put into surrounding components like [Flex.Container](/uilib/layout/flex/container/) or [Card](/uilib/components/card/).

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,10 @@ showTabs: true

## Properties

| Property | Type | Description |
| ---------------------------------------------------------------------------------------------------------------- | ------------------- | ----------------------------------------------------------------------------------------------------------- |
| `width` | `string` or `false` | _(optional)_ `small`, `medium`, `large`, `stretch` or `false` for predefined standard widths. |
| `contentsWidth` | `string` or `false` | _(optional)_ `small`, `medium`, `large`, `stretch` or `false` for predefined standard widths. |
| `size` | `string` or `false` | _(optional)_ define one of the following [heading size](/uilib/elements/heading/): `medium` or `large`. |
| `asFieldset` | `boolean` | _(optional)_ use `true` when you have several form elements. This way a `fieldset` with a `legend` is used. |
| `FieldProps` such as [Value.String-properties](/uilib/extensions/forms/create-component/Value/String/properties) | Various | _(optional)_ `FieldProps` properties. |
| Property | Type | Description |
| ----------------------------------------------------------------------------------------------------------------- | ------------------- | ----------------------------------------------------------------------------------------------------------- |
| `width` | `string` or `false` | _(optional)_ `small`, `medium`, `large`, `stretch` or `false` for predefined standard widths. |
| `contentsWidth` | `string` or `false` | _(optional)_ `small`, `medium`, `large`, `stretch` or `false` for predefined standard widths. |
| `size` | `string` or `false` | _(optional)_ define one of the following [heading size](/uilib/elements/heading/): `medium` or `large`. |
| `asFieldset` | `boolean` | _(optional)_ use `true` when you have several form elements. This way a `fieldset` with a `legend` is used. |
| `FieldProps` such as [Value.String-properties](/uilib/extensions/forms/extended-features/Value/String/properties) | Various | _(optional)_ `FieldProps` properties. |
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import Demos from 'Docs/uilib/extensions/forms/create-component/ValueBlock/demos

## Description

`ValueBlock` is a reusable wrapper component that can be used to easily create custom [Value-components](/uilib/extensions/forms/create-component/Value) that will display in the same way as other Value-components.
`ValueBlock` is a reusable wrapper component that can be used to easily create custom [Value-components](/uilib/extensions/forms/extended-features/Value) that will display in the same way as other Value-components.

```jsx
import { ValueBlock } from '@dnb/eufemia/extensions/forms'
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -18,4 +18,4 @@ breadcrumb:

## Description

The main context for [DataContext.Provider](/uilib/extensions/forms/extended-features/DataContext/Provider) which the [Field](/uilib/extensions/forms/base-fields/) and [Value](/uilib/extensions/forms/create-component/Value/) components connect to (optional) for sources and callbacks when it is present. It can be used for creating custom components in similar ways.
The main context for [DataContext.Provider](/uilib/extensions/forms/extended-features/DataContext/Provider) which the [Field](/uilib/extensions/forms/base-fields/) and [Value](/uilib/extensions/forms/extended-features/Value/) components connect to (optional) for sources and callbacks when it is present. It can be used for creating custom components in similar ways.
Original file line number Diff line number Diff line change
Expand Up @@ -11,4 +11,4 @@ import { Field } from '@dnb/eufemia/extensions/forms'
render(<Field.BankAccountNumber />)
```

There is a corresponding [Value.BankAccountNumber](/uilib/extensions/forms/create-component/Value/BankAccountNumber) component.
There is a corresponding [Value.BankAccountNumber](/uilib/extensions/forms/extended-features/Value/BankAccountNumber) component.
Original file line number Diff line number Diff line change
Expand Up @@ -11,4 +11,4 @@ import { Field } from '@dnb/eufemia/extensions/forms'
render(<Field.Currency />)
```

There is a corresponding [Value.Currency](/uilib/extensions/forms/create-component/Value/Currency) component.
There is a corresponding [Value.Currency](/uilib/extensions/forms/extended-features/Value/Currency) component.
Original file line number Diff line number Diff line change
Expand Up @@ -11,4 +11,4 @@ import { Field } from '@dnb/eufemia/extensions/forms'
render(<Field.Date />)
```

There is a corresponding [Value.Date](/uilib/extensions/forms/create-component/Value/Date) component.
There is a corresponding [Value.Date](/uilib/extensions/forms/extended-features/Value/Date) component.
Original file line number Diff line number Diff line change
Expand Up @@ -11,4 +11,4 @@ import { Field } from '@dnb/eufemia/extensions/forms'
render(<Field.Email />)
```

There is a corresponding [Value.Email](/uilib/extensions/forms/create-component/Value/Email) component.
There is a corresponding [Value.Email](/uilib/extensions/forms/extended-features/Value/Email) component.
Original file line number Diff line number Diff line change
Expand Up @@ -11,4 +11,4 @@ import { Field } from '@dnb/eufemia/extensions/forms'
render(<Field.NationalIdentityNumber />)
```

There is a corresponding [Value.NationalIdentityNumber](/uilib/extensions/forms/create-component/Value/NationalIdentityNumber) component.
There is a corresponding [Value.NationalIdentityNumber](/uilib/extensions/forms/extended-features/Value/NationalIdentityNumber) component.
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { Field } from '@dnb/eufemia/extensions/forms'
render(<Field.PhoneNumber />)
```

There is a corresponding [Value.PhoneNumber](/uilib/extensions/forms/create-component/Value/PhoneNumber) component.
There is a corresponding [Value.PhoneNumber](/uilib/extensions/forms/extended-features/Value/PhoneNumber) component.

## Value

Expand Down

0 comments on commit 8f28e23

Please sign in to comment.