🏷️ Added label component interface
This commit is contained in:
parent
ba8ffaf82f
commit
22f3881b41
39
src/components/label/IVLabel.type.ts
Normal file
39
src/components/label/IVLabel.type.ts
Normal file
|
@ -0,0 +1,39 @@
|
||||||
|
/**
|
||||||
|
* Interface representing the props for the Label component.
|
||||||
|
*/
|
||||||
|
export default interface IVLabel {
|
||||||
|
/**
|
||||||
|
* The text content displayed as the label.
|
||||||
|
*/
|
||||||
|
label: string;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The visual style of the label, indicating its semantic meaning.
|
||||||
|
* - `default`: Standard label appearance.
|
||||||
|
* - `error`: Indicates an error state.
|
||||||
|
* - `success`: Indicates a successful or valid state.
|
||||||
|
*
|
||||||
|
* @default 'default'
|
||||||
|
*/
|
||||||
|
type?: 'default' | 'error' | 'success' | undefined;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Whether the label is disabled. When true, the label appears inactive or grayed out.
|
||||||
|
*
|
||||||
|
* @default false
|
||||||
|
*/
|
||||||
|
disabled?: boolean;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Optional hint text displayed alongside or below the label to provide additional context.
|
||||||
|
*/
|
||||||
|
hint?: string;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Indicates whether the associated field is required.
|
||||||
|
*
|
||||||
|
* @default false
|
||||||
|
*/
|
||||||
|
required?: boolean;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user