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

fix(password-input): stop propagation when toggling input type

Browse source 
#229
This commit is contained in:
Eric Liu 2020-08-12 07:18:57 -07:00
commit 6ca6af94eb
3 changed files with 14 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/Modal/Modal.Story.svelte
View file

@ -1,8 +1,10 @@
<script>
import { Button } from "../Button";
import { TextInput, PasswordInput } from "../TextInput"
import Modal from "./Modal.svelte";
let open = $$props.open;
let type = "password";
</script>
<div>
@ -29,6 +31,10 @@
on:submit={() => {
console.log('submit');
}}>
<div>
<PasswordInput bind:type placeholder="Password Input" aria-level="" />
<Button kind="ghost" size="field" on:click="{() => {type = type === 'password' ? 'text' : 'password'}}">Programmatically toggle password</Button>
</div>
<p>
This component supports two-way binding by default. Please see ComposedModal
for piecemeal functionality.