Masala Design System (MDS) is an open-source design system built at Innovaccer. Figma file : https://www.figma.com/community/file/974368355920553546/masala-design-system-web-guidelines
As of now, the Navigation component expects label as a string. But once we pass a react element. It works but at the same time, it throws a typescript error. As the component is expecting label to be a string.
Summary
As of now, the Navigation component expects label as a string. But once we pass a react element. It works but at the same time, it throws a typescript error. As the component is expecting label to be a string.
Basic example
const navigationOptions = [ { name: 'todos', label: ( <TabLabel label="To-do's" count={todoCount} active={tab === 'todos'} /> ), link: `/test`, } ]
Motivation
To make it more generic