mirror of https://github.com/sveltejs/svelte
25 lines
402 B
25 lines
402 B
4 years ago
|
<section>
|
||
|
|
<div>Name</div>
|
||
|
|
<slot name="name" />
|
||
|
|
{#if $$slots.email}
|
||
|
|
<div>Email</div>
|
||
|
|
<slot name="email" />
|
||
|
|
{/if}
|
||
|
|
{#if $$slots.phone}
|
||
|
|
<div>Phone</div>
|
||
|
|
<slot name="phone" />
|
||
|
|
{/if}
|
||
|
|
</section>
|
||
4 years ago
|
|
||
|
|
<style>
|
||
|
|
section {
|
||
|
|
width: 200px;
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr;
|
||
|
|
padding: 16px;
|
||
|
|
box-shadow: 2px 2px 4px #dedede;
|
||
|
|
border: 1px solid #888;
|
||
|
|
margin-bottom: 16px;
|
||
|
|
}
|
||
2 years ago
|
</style>
|