Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create a wrapper component for Inputs #5

Closed
10 tasks done
TheTaz25 opened this issue Dec 18, 2022 · 0 comments · Fixed by #19
Closed
10 tasks done

Create a wrapper component for Inputs #5

TheTaz25 opened this issue Dec 18, 2022 · 0 comments · Fixed by #19
Assignees
Labels
Component::Input Tasks regarding the Input wrapper component Topic::New Component request a new component to courner

Comments

@TheTaz25
Copy link
Owner

TheTaz25 commented Dec 18, 2022

The component should have the following features:

  • Display a label
  • Display some descriptive text
  • Display some error text

Following concepts need to be introduced:

  • Breakpoints (Mobile, Tablet, Desktop)

Behaviour like in https://codepen.io/chriscoyier/full/AvYQdv :

  • On Desktop and Larger sizes, have the label and the input on the same row, Label is right-aligned.
  • On Tablet sizes, the label and the input are on the same row, Label is left-aligned.
  • On Phone sizes, Label and Input are on the same column, Label is above the input.
  • Descriptive Text will be shown below the input (optionally)
  • Error Text will be shown below the descriptive text (optionally)
  • Optionally the error text can also be displayed instead of the descriptive text
@TheTaz25 TheTaz25 self-assigned this Dec 18, 2022
@TheTaz25 TheTaz25 added the Topic::New Component request a new component to courner label Dec 18, 2022
@TheTaz25 TheTaz25 added the Component::Input Tasks regarding the Input wrapper component label Jan 16, 2023
TheTaz25 added a commit that referenced this issue Jan 24, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component::Input Tasks regarding the Input wrapper component Topic::New Component request a new component to courner
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant