Description
We need to implement a Button show in the image, in the users management section. Should be shown variations "TRUE" / "FALSE".
Acceptance criteria
Integrate the component into the corresponding section shown in the images.
Make sure that icons and labels are aligned and sized correctly as shown in the screenshots.
Color variants
See the figure.
Storybook implementation:
Create entries in Storybook for each button to show the existing states of the component.
Include controls to allow testing of different states and properties.
Test-driven development (TDD):
Write unit tests for both buttons to verify navigation and state changes.
Make sure the tests cover color changes on hover and icon and label alignment.
Notes:
Please include screenshots for reference.
Use CSS for styling and ensure it is compatible with all major browsers.
Accessibility considerations should be taken into account, ensuring buttons are accessible via keyboard navigation and screen readers.****
ATOM BUTTON
Description We need to implement a Button show in the image, in the users management section. Should be shown variations "TRUE" / "FALSE".
Acceptance criteria Integrate the component into the corresponding section shown in the images. Make sure that icons and labels are aligned and sized correctly as shown in the screenshots.
Color variants See the figure.
Storybook implementation: Create entries in Storybook for each button to show the existing states of the component. Include controls to allow testing of different states and properties.
Test-driven development (TDD): Write unit tests for both buttons to verify navigation and state changes. Make sure the tests cover color changes on hover and icon and label alignment.
Notes:
Please include screenshots for reference.
Use CSS for styling and ensure it is compatible with all major browsers. Accessibility considerations should be taken into account, ensuring buttons are accessible via keyboard navigation and screen readers.****