@samatawy/diagrams
    Preparing search index...

    Interface ArrowDirectionSelectConfig

    Configuration options for the ArrowDirectionSelect component.

    interface ArrowDirectionSelectConfig {
        arrows?: ArrowDirection[];
        strokeColor?: string;
        hostClassName?: string;
        triggerClassName?: string;
        menuClassName?: string;
        optionClassName?: string;
        swatchClassName?: string;
        selectedClassName?: string;
        openClassName?: string;
    }
    Index

    Properties

    arrows? strokeColor? hostClassName? triggerClassName? menuClassName? optionClassName? swatchClassName? selectedClassName? openClassName?

    Properties

    arrows?: ArrowDirection[]

    An array of arrow types to display in the dropdown. Each type is represented as a string. The default arrow types are: 'start', 'end', 'both', and 'none'. You can change their order but not add new types without updating the component logic.

    strokeColor?: string

    The stroke color to use for the width swatch in the dropdown and trigger button.

    hostClassName?: string

    Optional CSS class name to apply to the host element of the ArrowDirectionSelect component. This allows for custom styling of the component.

    triggerClassName?: string

    Optional CSS class name to apply to the trigger button of the ArrowDirectionSelect component. This allows for custom styling of the trigger button.

    menuClassName?: string

    Optional CSS class name to apply to the dropdown menu of the ArrowDirectionSelect component. This allows for custom styling of the dropdown menu.

    optionClassName?: string

    Optional CSS class name to apply to each option in the dropdown menu of the ArrowDirectionSelect component. This allows for custom styling of the options.

    swatchClassName?: string

    Optional CSS class name to apply to the swatch element of the ArrowDirectionSelect component. This allows for custom styling of the swatch.

    selectedClassName?: string

    Optional CSS class name to apply to the selected option of the ArrowDirectionSelect component. This allows for custom styling of the selected option.

    openClassName?: string

    Optional CSS class name to apply when the ArrowDirectionSelect component is open. This allows for custom styling when the component is open.

    Settings

    Member Visibility

    On This Page

    Properties