[Message]: Create Message Component

Groww-OSS / ui-toolkit

Standard UI Library adopted in Groww. Customized as per requirement and preferences of devs in Groww.

MIT License

0 stars 0 forks source link

[Message]: Create Message Component #91

Closed QYQKJikVDuSxdXxHplIapIxLN8ibP0IfVSRhNnP closed 2 years ago

QYQKJikVDuSxdXxHplIapIxLN8ibP0IfVSRhNnP commented 3 years ago

The Component will have mainly 3 props.

Type: Error, Warning, Neutral, Positive
Variant: Stroke, Fill
ShowIcon : null or info icon
Text : null or info icon

QYQKJikVDuSxdXxHplIapIxLN8ibP0IfVSRhNnP commented 3 years ago

Regarding Responsiveness across different viewports and even in a compact layout. We can take 2 approaches. Also keeping in mind that if needed to make some changes we don't require to override any style.

Add a size prop with values: small, default, compact, large
Use media queries to mimic these and remove them if user is passing his/her widths and space