mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat: support size prop for input components

Browse source 
- DatePickerInput, NumberInput, Select, PasswordInput, TextInput
This commit is contained in:
Eric Liu 2020-07-20 20:29:50 -07:00
commit 331dc4a656
9 changed files with 60 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/TextInput/PasswordInput.svelte
View file

@ -1,4 +1,5 @@
<script>
export let size = undefined; // "sm" | "xl"
export let type = "password";
export let value = "";
export let hidePasswordLabel = "Hide password";
@ -70,6 +71,7 @@
class:bx--password-input={true}
class:bx--text-input--light={light}
class:bx--text-input--invalid={invalid}
class={size && `bx--text-input--${size}`}
on:change
on:input
on:input={({ target }) => {