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

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

3
src/Select/Select.svelte
View file

@ -1,4 +1,5 @@
<script>
export let size = undefined; // "sm" | "xl"
export let selected = undefined;
export let inline = false;
export let light = false;
@ -68,6 +69,7 @@
{id}
{name}
class:bx--select-input={true}
class={size && `bx--select-input--${size}`}
on:change={({ target }) => {
selectedValue.set(target.value);
}}
@ -105,6 +107,7 @@
disabled={disabled || undefined}
aria-invalid={invalid || undefined}
class:bx--select-input={true}
class={size && `bx--select-input--${size}`}
on:change={({ target }) => {
selectedValue.set(target.value);
}}