.infoText=${'We will never share your email'}// Optional: shows hover info icon with tooltip
size="medium"// Options: small, medium, large
></dees-label>
></dees-label>
```
```
@@ -321,7 +320,7 @@ Container component for form elements with built-in validation and data handling
```
```
#### `DeesInputText`
#### `DeesInputText`
Text input field with validation and formatting options.
Text input field with validation, info tooltips, description text, and context menu (Cut/Copy/Paste/Select All).
```typescript
```typescript
<dees-input-text
<dees-input-text
@@ -330,10 +329,20 @@ Text input field with validation and formatting options.
value="initial@value.com"// Initial value
value="initial@value.com"// Initial value
required// Makes the field required
required// Makes the field required
disabled// Disables the input
disabled// Disables the input
placeholder="Enter your email"
.infoText=${'Hover icon tooltip text'}// Shows ⓘ icon on label with hover tooltip
.description=${'Permanent help text below the input'}// Small text below the input
.validationFunction=${(value)=>{// Auto-validates on every keystroke
constemailRegex=/^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if(emailRegex.test(value)){
return{valid: true,message:'Email is valid'};
}
return{valid: false,message:'Please enter a valid email'};
}}
></dees-input-text>
></dees-input-text>
```
```
> 💡 **All input components** share these common properties from `DeesInputBase`: `key`, `label`, `required`, `disabled`, `infoText`, `description`, `layoutMode`, `labelPosition`.
#### `DeesInputCheckbox`
#### `DeesInputCheckbox`
Checkbox input component for boolean values.
Checkbox input component for boolean values.
@@ -1780,7 +1789,7 @@ interface ITileFolderItem {
## License and Legal Information
## License and Legal Information
This repository contains open-source code licensed under the MIT License. A copy of the license can be found in the [LICENSE](./license) file.
This repository contains open-source code licensed under the MIT License. A copy of the license can be found in the [LICENSE](./LICENSE) file.
**Please note:** The MIT License does not grant permission to use the trade names, trademarks, service marks, or product names of the project, except as required for reasonable and customary use in describing the origin of the work and reproducing the content of the NOTICE file.
**Please note:** The MIT License does not grant permission to use the trade names, trademarks, service marks, or product names of the project, except as required for reasonable and customary use in describing the origin of the work and reproducing the content of the NOTICE file.
@@ -1798,5 +1807,3 @@ Registered at District Court Bremen HRB 35230 HB, Germany
For any legal inquiries or further information, please contact us via email at hello@task.vc.
For any legal inquiries or further information, please contact us via email at hello@task.vc.
By using this repository, you acknowledge that you have read this section, agree to comply with its terms, and understand that the licensing of the code does not imply endorsement by Task Venture Capital GmbH of any derivative works.
By using this repository, you acknowledge that you have read this section, agree to comply with its terms, and understand that the licensing of the code does not imply endorsement by Task Venture Capital GmbH of any derivative works.
By using this repository, you acknowledge that you have read this section, agree to comply with its terms, and understand that the licensing of the code does not imply endorsement by Task Venture Capital GmbH of any derivative works.
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
