diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.docs.mdx b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.docs.mdx index 3e82f1a19..596a1155c 100644 --- a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.docs.mdx +++ b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.docs.mdx @@ -92,7 +92,7 @@ Directives written with `kebab-case` are meant to be used as HTML element. ``` - + Heading for a dialog @@ -143,7 +143,7 @@ Directives written with `kebab-case` are meant to be used as HTML element. - This is Dialog Heading + This is Dialog Heading Some content for Dialog @@ -165,7 +165,7 @@ class SimpleDialogComponent { ## Fudis Form inside Dialog -When using Form inside Dialog, wrap the Form inside `fudis-dialog-content` and use it normally. Meaning, add all the necessary Error Summary properties, such as `errorSummaryHelpText`. Also add `title` and `level`, this title will be the title of the dialog and have initial focus when dialog is opened with keyboard. +When using [Form](/docs/components-form-form--documentation) inside Dialog, wrap the Form inside `fudis-dialog-content` and use it normally. Meaning, add all the necessary Error Summary properties, such as `errorSummaryHelpText`. Also add `title`, `level` and possible `titleVariant`, this title will be the title of the dialog and have initial focus when dialog is opened with keyboard. In `fudisContent` template add form components and in `fudisActions` template add action button(s). Unlike normal form, where buttons are positioned on top of the form, **these action buttons will be positioned at the bottom** after the form content, in order to follow dialog look and feel. @@ -181,7 +181,8 @@ In `fudisContent` template add form components and in `fudisActions` template ad [title]="'Dialog with fudis-form'" - [level]="2" + [level]="1" + [titleVariant]="'xl'" [errorSummaryHelpText]="'You need to fill up the information.'"> diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.stories.ts b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.stories.ts index 6bcba6377..dfb60441c 100644 --- a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.stories.ts +++ b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.stories.ts @@ -65,7 +65,8 @@ class DialogLaucherComponent { @@ -137,7 +138,7 @@ class DialogWithFormComponent { - Dialog with fudis-grid and scrollable content @@ -166,18 +167,6 @@ class DialogWithFormComponent { hendrerit ante nisl sed quam. Vestibulum euismod leo ac magna pretium. -