Figma component > Add text input and text area
This issue only includes the text inputs for forms: text and text areas.
Base
-
Text input with label, input, error message, help text, and clear icon -
Text area with label, input, error message, help text, and character counter
Variants (components)
-
XS -
SM -
MD -
LG -
XL
Instances
-
Placeholder
States
-
Hover -
Focus -
Error -
Disabled
Character counter
-
Within limit -
Reaching limit -
At limit -
Over limit -
Recommended
Checklist
Make sure the following are completed before closing the issue:
-
Assignee: Create component in your own draft file in Figma using the component template, including all variations and states. -
Assignee: Ask another Figma Pilot Designer to review your component (make sure they have edit permissions). -
Reviewer: Review and approve assignee’s addition. Ensure that component matches Sketch specs, includes all current variations and states, and (if applicable) is responsive. -
Assignee: Add notes about the component construction to the Figma component build notes issue description. Check off the component when complete. -
Assignee: Add the component to the Globals - beta file, and view the component in the Assets panel to ensure it aligns with what’s outlined in the Figma structure for library issue. -
Assignee: Publish the library changes along with a clear commit message.
Edited by Pedro Moreira da Silva