Widget Demo
Live demonstration of the NOBLEID update checker widget in different states.
Up to Date
Widget showing a work that is current
Sample article display:
Quantum Computing Applications in Cryptography
Dr. Alice Chen, Prof. Robert Smith
DOI: 10.1000/182•
Implementation
<script
src="/widget/update-checker/v1.js"
data-ark="ark:/nobleid/20092025/7X9K2Q"
async>
</script>Update Available
Widget showing a work with a new version
Sample dataset display:
Global Climate Data Analysis Dataset
Dr. Maria Garcia
Handle: 20.500.12345/climate-2024•
Implementation
<script
src="/widget/update-checker/v1.js"
data-ark="ark:/nobleid/20092025/8H4M3P"
async>
</script>Widget Features
Accessibility and performance characteristics
Accessibility
- • ARIA labels and live regions
- • Keyboard navigation support
- • High contrast mode compatible
- • Screen reader friendly
- • Respects reduced motion preferences
Performance
- • ≤12 KB gzipped
- • No external dependencies
- • Async loading
- • Automatic retry with backoff
- • Respects Do Not Track
Integration Testing
Test the widget behavior in different scenarios
Use these controls to test widget behavior. The widgets will automatically check for updates and display the appropriate status.