@base-ui-components/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.
52 lines • 1.92 kB
JavaScript
import { CommonTriggerDataAttributes } from "../../utils/popupStateMapping.js";
export let SelectTriggerDataAttributes = function (SelectTriggerDataAttributes) {
/**
* Present when the corresponding select is open.
*/
SelectTriggerDataAttributes[SelectTriggerDataAttributes["popupOpen"] = CommonTriggerDataAttributes.popupOpen] = "popupOpen";
/**
* Present when the trigger is pressed.
*/
SelectTriggerDataAttributes[SelectTriggerDataAttributes["pressed"] = CommonTriggerDataAttributes.pressed] = "pressed";
/**
* Present when the select is disabled.
*/
SelectTriggerDataAttributes["disabled"] = "data-disabled";
/**
* Present when the select is readonly.
*/
SelectTriggerDataAttributes["readonly"] = "data-readonly";
/**
* Present when the select is required.
*/
SelectTriggerDataAttributes["required"] = "data-required";
/**
* Present when the select is in valid state (when wrapped in Field.Root).
*/
SelectTriggerDataAttributes["valid"] = "data-valid";
/**
* Present when the select is in invalid state (when wrapped in Field.Root).
*/
SelectTriggerDataAttributes["invalid"] = "data-invalid";
/**
* Present when the select has been touched (when wrapped in Field.Root).
*/
SelectTriggerDataAttributes["touched"] = "data-touched";
/**
* Present when the select's value has changed (when wrapped in Field.Root).
*/
SelectTriggerDataAttributes["dirty"] = "data-dirty";
/**
* Present when the select has a value (when wrapped in Field.Root).
*/
SelectTriggerDataAttributes["filled"] = "data-filled";
/**
* Present when the select trigger is focused (when wrapped in Field.Root).
*/
SelectTriggerDataAttributes["focused"] = "data-focused";
/**
* Present when the select doesn't have a value.
*/
SelectTriggerDataAttributes["placeholder"] = "data-placeholder";
return SelectTriggerDataAttributes;
}({});