You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We need to create a new CustomLabelTag component that aligns with our project's design system and can be reused across our application. This component should be versatile enough to handle different types of labels.
To-Do List
Create a new branch from the develop branch specifically for this task. feature/96-create-a-new-customlabeltag-component @SimerdeepSinghGrewal
Develop the CustomLabelTag component to accept props such as:
Label text content
Background color (from predefined options)
Text color (optional)
Additional styles or classes as necessary
The CustomLabelTag component should support various UI contexts by allowing different shapes like rounded or squared edges.
Use import Chip from '@material-ui/core/Chip';
Create ./CustomLabelTagStyles.css with default styling.
Define PropTypes
Use default JavaScript parameters to set up default props within the CustomLabelTag component.
Integrate this new CustomLabelTag component into appropriate places within our application where labels are required.
Create a minimum test using vitest for this component.
We need to create a new
CustomLabelTag
component that aligns with our project's design system and can be reused across our application. This component should be versatile enough to handle different types of labels.To-Do List
CustomLabelTag
component to accept props such as:CustomLabelTag
component should support various UI contexts by allowing different shapes like rounded or squared edges../CustomLabelTagStyles.css
with default styling.PropTypes Example, adjust as necessary:
https://www.figma.com/design/USQRG7Oacv7uXw8XkTPINq/Style-guide?node-id=48-52733&t=nNFDTU9Sv5F8SXq9-0
The text was updated successfully, but these errors were encountered: