đź“ť [Hacktoberfest] Design Reusable Form Elements
Issue Description:
We are looking for contributors to design a set of reusable form elements for the Mosaicra UI Design System. These form elements should be user-friendly, accessible, and highly customizable for use across web and mobile interfaces. The form elements will be essential components in the Mosaicra UI library and should adhere to the design system’s guidelines.
Form Elements to Design:
Input Fields (text, password, email, etc.)
Checkboxes (standard and custom styles)
Radio Buttons (single and grouped options)
Dropdowns (simple dropdowns and multi-select options)
Toggles/Switches (for on/off states)
Design Guidelines:
Design the form elements in Figma.
Follow the Mosaicra UI color palette, typography, and spacing guidelines.
Include different states for each element: default, hover, focus, active, and disabled.
Ensure the form elements are accessible, including appropriate contrast ratios and keyboard navigation.
The components should be responsive and scalable for both web and mobile use cases.
Deliverables:
A Figma file with the form elements, showcasing all states and variations.
Each form element should be resizable and customizable (e.g., for different label lengths, sizes, and states).
Clear labels and notes should be provided for customizable properties such as borders, padding, colors, etc.
References:
You can refer to popular design systems like Material Design or Bootstrap for inspiration, but ensure that the elements follow the Mosaicra UI design style and principles.
How to Contribute:
Fork the repository.
Create a new branch for your contribution.
Design the form elements in Figma and submit the link to the Figma file as part of your pull request.
Ensure that the design follows all the provided guidelines and includes a brief description of the elements you created.
Submit your pull request with the title: Design: Reusable Form Elements.
Notes:
This issue is part of Hacktoberfest, and successful PRs will count towards your Hacktoberfest contributions.
Feel free to ask any questions in the comments or reach out to us on Slack if you need assistance.
Good luck, and we’re excited to see your contributions! 🚀
đź“ť [Hacktoberfest] Design Reusable Form Elements
Issue Description: We are looking for contributors to design a set of reusable form elements for the Mosaicra UI Design System. These form elements should be user-friendly, accessible, and highly customizable for use across web and mobile interfaces. The form elements will be essential components in the Mosaicra UI library and should adhere to the design system’s guidelines.
Form Elements to Design:
Design Guidelines:
Deliverables:
References: You can refer to popular design systems like Material Design or Bootstrap for inspiration, but ensure that the elements follow the Mosaicra UI design style and principles.
How to Contribute:
Design: Reusable Form Elements.Notes:
Good luck, and we’re excited to see your contributions! 🚀