Open jgonza16 opened 5 months ago
.dcx-form-input-masked
.dcx-form-input--filled
When developing take a close look to the FormSelect component. It is a form element as well, the tokens and styling approach should be similar.
Considerations:
src/design-system/tokens.json
src/design-system/forminput.css
src/design-system/index.css
Possible tokens:
Follow the naming pattern
Create the pages for:
On each MDX page make examples for each possible variant
Please follow these steps to create your branch:
git checkout release/1.1.0 git pull git checkout -b 'feature/forminput-design-system'
Form Input Masked - Design System
1 - Prerequisites
.dcx-form-input-masked
class name.dcx-form-input--filled
class name2 - Overview
2.1 - Possible states
2.2 - Variants
2.3 - Structure
When developing take a close look to the FormSelect component. It is a form element as well, the tokens and styling approach should be similar.
2.4 - Tokens definition
Considerations:
src/design-system/tokens.json
src/design-system/forminput.css
src/design-system/index.css
Possible tokens:
Follow the naming pattern
3 - Storybook
Create the pages for:
On each MDX page make examples for each possible variant
4 - Initial setup
Please follow these steps to create your branch: