Status Cards¶
Status cards provide visual feedback for metrics, statistics, and key performance indicators.
Test Status Grid¶
Status cards are perfect for displaying metrics, statistics, and key performance indicators. They support different color schemes for various states.
4
Active Modules
0
Failed Tests
2
Warnings
12
Total Tests
Available Classes¶
| Class | Description | Color Scheme |
|---|---|---|
phantom-test-status-card success |
Successful states | Green |
phantom-test-status-card error |
Error states | Red |
phantom-test-status-card warning |
Warning states | Orange |
phantom-test-status-card info |
Informational states | Blue |
Module Cards¶
Module cards are designed to showcase features, services, or test modules with descriptions and metadata.
Deployment Test
~5 min
Validates basic infrastructure deployment and ensures all components are accessible.
Traffic Flow Validation
~3 min
Tests network connectivity between peers through the WireGuard tunnel.
Example with Icons¶
You can enhance status cards with Font Awesome icons for better visual communication:
4
Tests Passed
0
Tests Failed
2
Warnings
12
Total Tests