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.

Sign up for GitHub

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

Jump to bottom

Implement UsaTextInput component #74

Closed
patrickcate opened this issue Oct 30, 2021 · 0 comments
Closed

Implement UsaTextInput component #74

patrickcate opened this issue Oct 30, 2021 · 0 comments
Assignees
@patrickcate
Labels
feature New feature or request

Comments

@patrickcate
Copy link
Owner

patrickcate commented Oct 30, 2021 •
edited
Loading

Text Input

A text input allows users to enter any combination of letters, numbers, or symbols.

status: draft

Props

Name Type Default Required Options
type String 'text' false 'text', 'number', 'email', 'tel', 'url', 'search', 'password'
id String autogenerated false n/a
error Boolean false false n/a
required Boolean false false n/a

Slots

  • prefix
  • suffix

CSS Classes

  • None

External Libraries

  • None

Sub-Components

  • None

Dependencies

  • usa-input-prefix
  • usa-input-suffix

Notes

  • None

Tests

  1. The component has the default usa-input CSS class applied.
  2. The id attribute is required.
  3. The default type is 'text'.
  4. The prefix slot content renders correctly.
  5. The suffix slot content renders correctly.
  6. If the prefix or suffix slots are used, the content content is wrapped in a div with the CSS class usa-input-group.
  7. If the input has an error, the CSS class usa-input--error is applied.
  8. If the input has an error and is corrected, the CSS class usa-input-success is applied.
@patrickcate patrickcate mentioned this issue Oct 30, 2021
Closed
2 tasks
@patrickcate patrickcate changed the title UsaTableCaption Implement UsaTextInput component Oct 30, 2021
@patrickcate patrickcate added the feature New feature or request label Nov 11, 2021
@patrickcate patrickcate self-assigned this Dec 22, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@patrickcate patrickcate

Labels
feature New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@patrickcate