@base-ui/react
Version:
Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.
37 lines • 1.3 kB
JavaScript
import { TransitionStatusDataAttributes } from "../../internals/stateAttributesMapping.js";
export let ToastRootDataAttributes = function (ToastRootDataAttributes) {
/**
* Present when the toast is expanded in the viewport.
* @type {boolean}
*/
ToastRootDataAttributes["expanded"] = "data-expanded";
/**
* Present when the toast was removed due to exceeding the limit.
* @type {boolean}
*/
ToastRootDataAttributes["limited"] = "data-limited";
/**
* The type of the toast.
* @type {string}
*/
ToastRootDataAttributes["type"] = "data-type";
/**
* Present when the toast is being swiped.
* @type {boolean}
*/
ToastRootDataAttributes["swiping"] = "data-swiping";
/**
* The direction the toast was swiped.
* @type {'up' | 'down' | 'left' | 'right'}
*/
ToastRootDataAttributes["swipeDirection"] = "data-swipe-direction";
/**
* Present when the toast is animating in.
*/
ToastRootDataAttributes[ToastRootDataAttributes["startingStyle"] = TransitionStatusDataAttributes.startingStyle] = "startingStyle";
/**
* Present when the toast is animating out.
*/
ToastRootDataAttributes[ToastRootDataAttributes["endingStyle"] = TransitionStatusDataAttributes.endingStyle] = "endingStyle";
return ToastRootDataAttributes;
}({});