UrlComponent
A component that displays and edits an url.
You can add this component using SettingEx.addUrl.
In order to add the styles for the component, use initPluginContext in your plugin’s onload() function.
Alternatively, you can copy styles from https://github.com/mnaoumov/obsidian-dev-utils/releases/latest/download/styles.css.
Import:
import { UrlComponent } from 'obsidian-dev-utils/obsidian/setting-components/url-component';Signature:
export class UrlComponent extends TypedTextComponent<string> implements TextBasedComponent<string>Extends: TypedTextComponent<string>
Implements: TextBasedComponent<string>
Constructor
new UrlComponent(containerEl: HTMLElement)Creates a new Url component.
Properties
| Property | Type | Description |
|---|---|---|
| inputEl | HTMLInputElement | An input element of the component. (Inherited from TypedTextComponent) |
| textComponent | TextComponent | The inner text component. (Inherited from TypedTextComponent) |
| validatorEl | ValidatorElement | A validator element of the component. (Inherited from TypedTextComponent) |
Methods
| Method | Returns | Description |
|---|---|---|
| empty() | void | Empties the component. |
| getValue() | string | Gets the value of the component. (Inherited from TypedTextComponent) |
| isEmpty() | boolean | Checks if the component is empty. |
| onChange(callback) | this | Sets the callback function to be called when the component is changed. (Inherited from TypedTextComponent) |
| onChanged() | void | Called when the component is changed. (Inherited from TypedTextComponent) |
| setDisabled(disabled) | this | Sets the disabled state of the component. (Inherited from TypedTextComponent) |
| setPlaceholderValue(placeholderValue) | this | Sets the placeholder value of the component. |
| setPlaceholderValue(placeholderValue) | this | Sets the placeholder value of the component. (Inherited from TextBasedComponent) |
| setValue(value) | this | Sets the value of the component. (Inherited from TypedTextComponent) |
| valueFromString(str) | string | Converts a string to an url. |
| valueToString(value) | string | Converts a value to a string. (Inherited from TypedTextComponent) |
Links to this page: