mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 02:41:05 +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

60
src/components/Modal/Modal.Story.svelte
View file

@ -1,7 +1,7 @@
<script>
import Layout from '../../internal/ui/Layout.svelte';
import Button from '../Button';
import Modal from './Modal.svelte';
import Layout from "../../internal/ui/Layout.svelte";
import { Button } from "../Button";
import Modal from "./Modal.svelte";
let open = $$props.open;
</script>
@ -20,6 +20,7 @@
bind:open
on:click:button--secondary={() => {
console.log('click button secondary');
open = false;
}}
on:open={() => {
console.log('open');
@ -31,51 +32,58 @@
console.log('submit');
}}>
<p>
This component supports two-way binding by default. Please see ComposedModal for piecemeal
functionality.
This component supports two-way binding by default. Please see
ComposedModal for piecemeal functionality.
</p>
{#if $$props.hasScrollingContent}
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id accumsan augue. Phasellus
consequat augue vitae tellus tincidunt posuere. Curabitur justo urna, consectetur vel elit
iaculis, ultrices condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id
accumsan augue. Phasellus consequat augue vitae tellus tincidunt
posuere. Curabitur justo urna, consectetur vel elit iaculis, ultrices
condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Quisque consectetur non risus eu rutrum.{' '}
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id accumsan augue. Phasellus
consequat augue vitae tellus tincidunt posuere. Curabitur justo urna, consectetur vel elit
iaculis, ultrices condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id
accumsan augue. Phasellus consequat augue vitae tellus tincidunt
posuere. Curabitur justo urna, consectetur vel elit iaculis, ultrices
condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Quisque consectetur non risus eu rutrum.{' '}
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id accumsan augue. Phasellus
consequat augue vitae tellus tincidunt posuere. Curabitur justo urna, consectetur vel elit
iaculis, ultrices condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id
accumsan augue. Phasellus consequat augue vitae tellus tincidunt
posuere. Curabitur justo urna, consectetur vel elit iaculis, ultrices
condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Quisque consectetur non risus eu rutrum.{' '}
</p>
<h3>Lorem ipsum</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id accumsan augue. Phasellus
consequat augue vitae tellus tincidunt posuere. Curabitur justo urna, consectetur vel elit
iaculis, ultrices condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id
accumsan augue. Phasellus consequat augue vitae tellus tincidunt
posuere. Curabitur justo urna, consectetur vel elit iaculis, ultrices
condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Quisque consectetur non risus eu rutrum.{' '}
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id accumsan augue. Phasellus
consequat augue vitae tellus tincidunt posuere. Curabitur justo urna, consectetur vel elit
iaculis, ultrices condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id
accumsan augue. Phasellus consequat augue vitae tellus tincidunt
posuere. Curabitur justo urna, consectetur vel elit iaculis, ultrices
condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Quisque consectetur non risus eu rutrum.{' '}
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id accumsan augue. Phasellus
consequat augue vitae tellus tincidunt posuere. Curabitur justo urna, consectetur vel elit
iaculis, ultrices condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id
accumsan augue. Phasellus consequat augue vitae tellus tincidunt
posuere. Curabitur justo urna, consectetur vel elit iaculis, ultrices
condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Quisque consectetur non risus eu rutrum.{' '}
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id accumsan augue. Phasellus
consequat augue vitae tellus tincidunt posuere. Curabitur justo urna, consectetur vel elit
iaculis, ultrices condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id
accumsan augue. Phasellus consequat augue vitae tellus tincidunt
posuere. Curabitur justo urna, consectetur vel elit iaculis, ultrices
condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus.
Quisque consectetur non risus eu rutrum.{' '}
</p>
{/if}