ui-ingredients/dist/alert/create-alert.svelte.js

Headless component library for Svelte powered by zag

import { parts } from './alert-anatomy.js';
export function createAlert() {
    function getRootProps() {
        return {
            role: 'alert',
            ...parts.root.attrs,
        };
    }
    function getTitleProps() {
        return {
            ...parts.title.attrs,
        };
    }
    function getDescriptionProps() {
        return {
            ...parts.description.attrs,
        };
    }
    function getIndicatorProps() {
        return {
            'aria-hidden': true,
            ...parts.indicator.attrs,
        };
    }
    return {
        getRootProps,
        getTitleProps,
        getDescriptionProps,
        getIndicatorProps,
    };
}