mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-17 19:21:26 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor: use $$restProps API

Browse source 
- add ref prop for applicable components (#196)
- add slot to Content Switcher `Switch` component (#183)
- remove fillArray, css utilities
This commit is contained in:
Eric Liu 2020-07-18 20:00:20 -07:00
commit e886d772c7
288 changed files with 4681 additions and 4498 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/components/TimePicker/TimePicker.Story.svelte
View file

@ -1,25 +1,28 @@
<script>
import Layout from '../../internal/ui/Layout.svelte';
import { SelectItem } from '../Select';
import TimePicker from './TimePicker.svelte';
import TimePickerSelect from './TimePickerSelect.svelte';
import Layout from "../../internal/ui/Layout.svelte";
import { SelectItem } from "../Select";
import TimePicker from "./TimePicker.svelte";
import TimePickerSelect from "./TimePickerSelect.svelte";
let value = '';
let select1 = 'PM';
let select2 = 'Time zone 1';
$: {
console.log(value, select1, select2);
}
$: value = "";
$: select1 = "PM";
$: select2 = "Time zone 1";
$: console.log(value, select1, select2);
</script>
<Layout>
<TimePicker id="time-picker" {...$$props.timepicker} bind:value>
<TimePickerSelect {...$$props.select} id="time-picker-select-1" bind:value={select1}>
<TimePickerSelect
{...$$props.select}
id="time-picker-select-1"
bind:value={select1}>
<SelectItem value="AM" text="AM" />
<SelectItem value="PM" text="PM" />
</TimePickerSelect>
<TimePickerSelect {...$$props.select} id="time-picker-select-2" bind:value={select2}>
<TimePickerSelect
{...$$props.select}
id="time-picker-select-2"
bind:value={select2}>
<SelectItem value="Time zone 1" text="Time zone 1" />
<SelectItem value="Time zone 2" text="Time zone 2" />
</TimePickerSelect>