Skip to content

Commit

Permalink
Changing the path
Browse files Browse the repository at this point in the history
  • Loading branch information
OsamaAbdellateef committed Oct 14, 2024
1 parent a1aad6c commit ed5e59a
Show file tree
Hide file tree
Showing 10 changed files with 5 additions and 5 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ Help Text should be used to provide additional clarification or instructions whe
</Dont.Description>
</Dont>

<ComponentDemo file="./form-guideline-helper-text.demo.tsx" />
<ComponentDemo file="./form-fields-helper-text.demo.tsx" />

### Field States

Expand All @@ -83,25 +83,25 @@ Form components often exist in various states to indicate how they should behave

Fields in a disabled state are non-interactive and prevent user input. They visually indicate that a field is temporarily unavailable.

<ComponentDemo file="./form-guideline-disabled-state.demo.tsx" />
<ComponentDemo file="./form-fields-disabled-state.demo.tsx" />

#### Required State

Required fields must be completed before form submission.

<ComponentDemo file="./form-guideline-required-state.demo.tsx" />
<ComponentDemo file="./form-fields-required-state.demo.tsx" />

#### Error State

Fields in an error state indicate that the entered value is invalid or incorrect. Error messages and visual feedback.

<ComponentDemo file="./form-guideline-error-state.demo.tsx" />
<ComponentDemo file="./form-fields-error-state.demo.tsx" />

#### ReadOnly State

Read-only fields display data that cannot be modified by the user. They are typically used for information that users can view but not change.

<ComponentDemo file="./form-guideline-readonly-state.demo.tsx" />
<ComponentDemo file="./form-fields-readonly-state.demo.tsx" />

### Validation

Expand Down

0 comments on commit ed5e59a

Please sign in to comment.