@syncfusion/react-base/src/enums.js

A common package of core React base, methods and class definitions

/**
 * Defines a color categories for the components. Each color category is used to visually differentiate components based on context.
 */
export var Color;
(function (Color) {
    /**
     * Indicates the color for success, often used to convey the completion of an action.
     */
    Color["Success"] = "Success";
    /**
     * Indicates the color for informational content, assisting in the communication of status or updates.
     */
    Color["Info"] = "Info";
    /**
     * Indicates the color for warnings or cautions, drawing attention to potential issues.
     */
    Color["Warning"] = "Warning";
    /**
     * Indicates the color for error or danger, signaling urgent problem requiring attention.
     */
    Color["Error"] = "Error";
    /**
     * Indicates the primary color for highlighting the main role or action.
     */
    Color["Primary"] = "Primary";
    /**
     * Indicates secondary colors for support actions with a subtle tone.
     */
    Color["Secondary"] = "Secondary";
})(Color || (Color = {}));
/**
 * Specifies positioning options for the components. Determines how the element should be displayed relative to a reference context.
 */
export var Position;
(function (Position) {
    /**
     * Represents the positioning left of the reference context.
     */
    Position["Left"] = "Left";
    /**
     * Represents the positioning right of the reference context.
     */
    Position["Right"] = "Right";
    /**
     * Represents the positioning above the reference context.
     */
    Position["Top"] = "Top";
    /**
     * Represents the positioning below the reference context.
     */
    Position["Bottom"] = "Bottom";
})(Position || (Position = {}));
/**
 * Defines visual variants for UI components. Each variant modifies the appearance to convey distinct user preferences.
 */
export var Variant;
(function (Variant) {
    /**
     * Indicates a solid background to emphasize content with contrasting text.
     */
    Variant["Filled"] = "Filled";
    /**
     * Indicates a boundary outline to highlight content with colored text, excluding a background.
     */
    Variant["Outlined"] = "Outlined";
    /**
     * Indicates a minimalist style with colored text and a subtle or absent background.
     */
    Variant["Standard"] = "Standard";
})(Variant || (Variant = {}));
/**
 * Defines size levels for UI components.
 */
export var Size;
(function (Size) {
    /**
     * Represents a larger size for the component, used for greater emphasis.
     */
    Size["Large"] = "Large";
    /**
     * Represents a medium size for the component, offering a balanced appearance.
     */
    Size["Medium"] = "Medium";
    /**
     * Represents a smaller size for the component, suitable for less prominent display.
     */
    Size["Small"] = "Small";
})(Size || (Size = {}));
/**
 * Enumeration for specifying sorting orders in the ListView. Available options are as follows None, Ascending, and Descending.
 *
 */
export var SortOrder;
(function (SortOrder) {
    /**
     * No specific sorting order is applied to the ListView items. The items are displayed in their original order.
     */
    SortOrder["None"] = "None";
    /**
     * Ascending order sorting is applied to the ListView items.
     */
    SortOrder["Ascending"] = "Ascending";
    /**
     * Descending order sorting is applied to the ListView items.
     */
    SortOrder["Descending"] = "Descending";
})(SortOrder || (SortOrder = {}));
/**
 * Defines layout orientation for components. Each orientation specifies the directional arrangement for layout and component behavior.
 */
export var Orientation;
(function (Orientation) {
    /**
     * Arranges elements horizontally from left to right.
     */
    Orientation["Horizontal"] = "Horizontal";
    /**
     * Arranges elements vertically from top to bottom.
     */
    Orientation["Vertical"] = "Vertical";
})(Orientation || (Orientation = {}));
/**
 * Defines severity levels for components. Each severity level conveys appropriate importance and urgency to users.
 */
export var Severity;
(function (Severity) {
    /**
     * Indicates an information that is a critical issue requiring immediate user attention.
     */
    Severity["Error"] = "Error";
    /**
     * Indicates an information that is general or non-urgent in nature.
     */
    Severity["Info"] = "Info";
    /**
     * Indicates an information that reflects a neutral state with no specific urgency.
     */
    Severity["Normal"] = "Normal";
    /**
     * Indicates an information that confirms a successful operation.
     */
    Severity["Success"] = "Success";
    /**
     * Indicates an information that highlights a potential issue or caution.
     */
    Severity["Warning"] = "Warning";
})(Severity || (Severity = {}));