js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

rerorder props

Browse Source
This commit is contained in:
Cory LaViska
2022-12-20 18:23:19 -05:00
parent c0013c5639
commit f7d7fdf5b1
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/input/input.ts
View File

@@ -115,6 +115,15 @@ export default class SlInput extends ShoelaceElement implements ShoelaceFormCont
/** Adds a clear button when the input is not empty. */
@property({ type: Boolean }) clearable = false;
/** Disables the input. */
@property({ type: Boolean, reflect: true }) disabled = false;
/** Placeholder text to show as a hint when the input is empty. */
@property() placeholder = '';
/** Makes the input readonly. */
@property({ type: Boolean, reflect: true }) readonly = false;
/** Adds a button to toggle the password's visibility. Only applies to password types. */
@property({ attribute: 'password-toggle', type: Boolean }) passwordToggle = false;
@@ -124,14 +133,11 @@ export default class SlInput extends ShoelaceElement implements ShoelaceFormCont
/** Hides the browser's built-in increment/decrement spin buttons for number inputs. */
@property({ attribute: 'no-spin-buttons', type: Boolean }) noSpinButtons = false;
/** Placeholder text to show as a hint when the input is empty. */
@property() placeholder = '';
/** Makes the input a required field. */
@property({ type: Boolean, reflect: true }) required = false;
/** Disables the input. */
@property({ type: Boolean, reflect: true }) disabled = false;
/** Makes the input readonly. */
@property({ type: Boolean, reflect: true }) readonly = false;
/** A regular expression pattern to validate input against. */
@property() pattern: string;
/** The minimum length of input that will be considered valid. */
@property({ type: Number }) minlength: number;
@@ -151,12 +157,6 @@ export default class SlInput extends ShoelaceElement implements ShoelaceFormCont
*/
@property() step: number | 'any';
/** A regular expression pattern to validate input against. */
@property() pattern: string;
/** Makes the input a required field. */
@property({ type: Boolean, reflect: true }) required = false;
/** Controls whether and how text input is automatically capitalized as it is entered by the user. */
@property() autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';

6
src/components/textarea/textarea.ts
View File

@@ -81,15 +81,15 @@ export default class SlTextarea extends ShoelaceElement implements ShoelaceFormC
/** Makes the textarea readonly. */
@property({ type: Boolean, reflect: true }) readonly = false;
/** Makes the textarea a required field. */
@property({ type: Boolean, reflect: true }) required = false;
/** The minimum length of input that will be considered valid. */
@property({ type: Number }) minlength: number;
/** The maximum length of input that will be considered valid. */
@property({ type: Number }) maxlength: number;
/** Makes the textarea a required field. */
@property({ type: Boolean, reflect: true }) required = false;
/** Controls whether and how text input is automatically capitalized as it is entered by the user. */
@property() autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';