File

src/modules/input-mask-directives/directives/text-mask-config.intf.ts

Description

Defines the base configuration for the mask directives provided by Stark-UI.

Index

Properties

Properties

guide
guide: boolean
Type : boolean
Optional

Whether to show the mask while the user is typing in the input field in order to guide him.

Default: true.

See https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#guide

keepCharPositions
keepCharPositions: boolean
Type : boolean
Optional

Whether to keep the spaces used by character after they are added/deleted.

Default: true.

See https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#keepcharpositions

placeholderChar
placeholderChar: string
Type : string
Optional

Placeholder character represents the fillable spot in the mask.

Default: "_".

See https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#placeholderchar

import { Mask, PipeFunction } from "text-mask-core";

/**
 * Defines the base configuration for the mask directives provided by Stark-UI.
 */
export interface StarkTextMaskBaseConfig {
	/**
	 * Whether to show the mask while the user is typing in the input field in order to guide him.
	 *
	 * Default: `true`.
	 *
	 * See {@link https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#guide}
	 */
	guide?: boolean;

	/**
	 * Placeholder character represents the fillable spot in the mask.
	 *
	 * Default: `"_"`.
	 *
	 * See {@link https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#placeholderchar}
	 */
	placeholderChar?: string;

	/**
	 * Whether to keep the spaces used by character after they are added/deleted.
	 *
	 * Default: `true`.
	 *
	 * See {@link https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#keepcharpositions}
	 */
	keepCharPositions?: boolean;
}

/**
 * Defines the configuration object for the {@link StarkTextMaskDirective}.
 */
export interface StarkTextMaskConfig extends StarkTextMaskBaseConfig {
	/**
	 * Array or a function that defines how the user input is going to be masked. If is set to `false`, the mask will be removed.
	 *
	 * See {@link https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask}
	 */
	mask: Mask | false;

	/**
	 * Function that can modify the conformed value before it is displayed on the screen.
	 *
	 * See {@link https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#pipe}
	 */
	pipe?: PipeFunction;
}

results matching ""

    No results matching ""