1. Docs
2. Components
3. Close Button

Close Button

A generic close button using .velin-btn--close. Renders a × symbol via CSS ::after — no inner HTML needed.

Basic Example

<button class="velin-btn--close" aria-label="Close"></button>

Disabled State

<button class="velin-btn--close" aria-label="Close" disabled></button>

Accessibility

• Always include aria-label="Close" since the button has no visible text.
• Minimum 44×44px touch target is enforced via min-block-size / min-inline-size.

CSS Variables