# Web Components Custom elements in `components/`. Import via `@birdapi/velinstyle` or lazy-load with `./runtime`. Minimal HTML starters are included when available (curated → knowledge → fail-closed human-doc extract). Validate usage with `velinstyle scan` and `docs/generated/rules/scan-policy.json`. | Element | Minimal example | Attributes | Events | Reference | | --- | --- | --- | --- | --- | | `` | yes | 0 | 0 | [velin-accordion.md](./velin-accordion.md) | | `` | yes | 0 | 0 | [velin-announcer.md](./velin-announcer.md) | | `` | yes | 2 | 0 | [velin-bottom-nav.md](./velin-bottom-nav.md) | | `` | yes | 4 | 1 | [velin-calendar.md](./velin-calendar.md) | | `` | yes | 2 | 1 | [velin-carousel.md](./velin-carousel.md) | | `` | yes | 4 | 0 | [velin-code-block.md](./velin-code-block.md) | | `` | yes | 1 | 2 | [velin-collapse.md](./velin-collapse.md) | | `` | yes | 2 | 2 | [velin-combobox.md](./velin-combobox.md) | | `` | yes | 1 | 1 | [velin-command.md](./velin-command.md) | | `` | yes | 0 | 1 | [velin-copy.md](./velin-copy.md) | | `` | yes | 1 | 1 | [velin-countdown.md](./velin-countdown.md) | | `` | yes | 9 | 0 | [velin-counter.md](./velin-counter.md) | | `` | yes | 5 | 4 | [velin-data-table.md](./velin-data-table.md) | | `` | yes | 0 | 2 | [velin-dialog.md](./velin-dialog.md) | | `` | yes | 2 | 1 | [velin-drawer.md](./velin-drawer.md) | | `` | yes | 1 | 1 | [velin-dropdown.md](./velin-dropdown.md) | | `` | yes | 3 | 1 | [velin-email.md](./velin-email.md) | | `` | yes | 2 | 0 | [velin-empty-state.md](./velin-empty-state.md) | | `` | yes | 4 | 2 | [velin-file-dropzone.md](./velin-file-dropzone.md) | | `` | — | 0 | 0 | [velin-flip.md](./velin-flip.md) | | `` | yes | 2 | 3 | [velin-form-summary.md](./velin-form-summary.md) | | `` | — | 0 | 0 | [velin-haptic.md](./velin-haptic.md) | | `` | yes | 6 | 0 | [velin-icon.md](./velin-icon.md) | | `` | yes | 0 | 1 | [velin-lightbox.md](./velin-lightbox.md) | | `` | yes | 2 | 0 | [velin-live-dot.md](./velin-live-dot.md) | | `` | yes | 1 | 0 | [velin-menubar.md](./velin-menubar.md) | | `` | yes | 2 | 1 | [velin-modal.md](./velin-modal.md) | | `` | yes | 6 | 2 | [velin-otp-input.md](./velin-otp-input.md) | | `` | yes | 3 | 1 | [velin-password-strength.md](./velin-password-strength.md) | | `` | yes | 2 | 3 | [velin-persist.md](./velin-persist.md) | | `` | yes | 1 | 0 | [velin-popover.md](./velin-popover.md) | | `` | yes | 4 | 0 | [velin-progress-ring.md](./velin-progress-ring.md) | | `` | yes | 1 | 1 | [velin-rating.md](./velin-rating.md) | | `` | — | 0 | 0 | [velin-reveal.md](./velin-reveal.md) | | `` | yes | 0 | 0 | [velin-scroll-top.md](./velin-scroll-top.md) | | `` | yes | 0 | 1 | [velin-scrollspy.md](./velin-scrollspy.md) | | `` | yes | 6 | 0 | [velin-search.md](./velin-search.md) | | `` | yes | 5 | 1 | [velin-secure-field.md](./velin-secure-field.md) | | `` | yes | 1 | 1 | [velin-segmented-control.md](./velin-segmented-control.md) | | `` | yes | 3 | 1 | [velin-sheet.md](./velin-sheet.md) | | `` | yes | 9 | 0 | [velin-sparkline.md](./velin-sparkline.md) | | `` | yes | 3 | 1 | [velin-stepper.md](./velin-stepper.md) | | `` | yes | 0 | 1 | [velin-tabs.md](./velin-tabs.md) | | `` | yes | 0 | 1 | [velin-theme-toggle.md](./velin-theme-toggle.md) | | `` | yes | 0 | 0 | [velin-toast.md](./velin-toast.md) | | `` | yes | 2 | 0 | [velin-tooltip.md](./velin-tooltip.md) |