Data variable with type and details - dark UI Element

This UI Kit has white and dark theme, While this version is on dark theme

Feature With 3 variation on color as hint for announced some info

• Red: The result is bad and not really good enough and is under expectation
• White: The result is generally or just full of the standard of management
• Blue: The result is very excellence enough and was very really benefit for company to grow

Benefit

• Improved readability: Variables with details make tables easier to read and understand. This is because the details provide additional context for the data in the table.
• Reduced cognitive load: Variables with details can help to reduce the cognitive load on users. This is because they can quickly scan the table and get the information they need without having to decode the data.
• Improved consistency: Variables with details can help to improve the consistency of data. This is because they make it clear how the data should be entered and interpreted.
• Increased user satisfaction: Variables with details can help to increase user satisfaction. This is because they make tables easier to use and understand.

Screen

• Dekstop

File

• Figma File
• Font name

Note

Using free font Images are dummy, only for presentation. not available in the file