Public patterns
News slider
Present a curated published News collection in an accessible horizontal rail.
Production component
Live preview
This example is rendered from the same package consumed by UJ applications.
Contract
Usage and quality requirements
The contract keeps purpose, states and ownership visible before a component is reused.
usage
- Pass between one and ten published UjNewsCard children
- Use headline content mode so summaries, credits, tags and duplicate action links are not rendered
- Keep cards in newest-first editorial order
- Use Home Feature only as the unified homepage selection rule and never display that taxonomy label
- Keep selection, fetching and News taxonomy rules in the owning application
states
- one to ten stories
- first story
- middle story
- last story
- keyboard navigation
- touch scrolling
- narrow viewport
- dark theme
- reduced motion
purpose
Present a small curated collection of published News cards without hiding content behind autoplay or taking ownership of News data.
responsive
- 320px one-card peek
- 768px two visible cards
- 1440px three visible cards
- 200% text resize
accessibility
- Named carousel region
- Visible previous and next controls
- Live position status
- Native links remain in the document
- Keyboard and touch operation
- No autoplay
- WCAG 2.2 AA
runtime Boundary
The component performs no fetching, has no autoplay and creates no dependency on Corporate Identity at runtime.
source Authority
News CMS on port 3019