@samatawy/diagrams
    Preparing search index...

    Interface WidthSelectConfig

    Configuration options for the WidthSelect component.

    interface WidthSelectConfig {
        widths?: number[];
        strokeColor?: string;
        showLabel?: boolean;
        hostClassName?: string;
        triggerClassName?: string;
        menuClassName?: string;
        optionClassName?: string;
        swatchClassName?: string;
        labelClassName?: string;
        selectedClassName?: string;
        openClassName?: string;
    }
    Index

    Properties

    widths? strokeColor? showLabel? hostClassName? triggerClassName? menuClassName? optionClassName? swatchClassName? labelClassName? selectedClassName? openClassName?

    Properties

    widths?: number[]

    An array of predefined widths to display in the dropdown. Each width should be a positive number. If not provided, a default set of widths will be used.

    strokeColor?: string

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

    showLabel?: boolean

    Indicates whether to show the width label (e.g., "1px", "2px") next to the swatch in the trigger button and options.

    hostClassName?: string

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

    triggerClassName?: string

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

    menuClassName?: string

    Optional CSS class name to apply to the dropdown menu of the WidthSelect 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. This allows for custom styling of the options.

    swatchClassName?: string

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

    labelClassName?: string

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

    selectedClassName?: string

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

    openClassName?: string

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

    Settings

    Member Visibility

    On This Page

    Properties