1.0.1 • Published 3 years ago
@fortit/fwc-main v1.0.1
<fwc-main>

Installation
npm i @fortit/fwc-main
Example usage
Standard
<script type="module">
import '@fortit/fwc-main';
</script>
<fwc-main>
<h1 slot="title">${msg(`Benutzer`)}</h1>
<mwc-button
slot="primary"
label="${msg('Erstellen')}"
@click="${() => this.addDialog.open()}"
unelevated
>
</mwc-button>
<fwc-card slot="content" padded>
<div>Some content</div>
</fwc-card>
</fwc-main>
With back button
<script type="module">
import '@fortit/fwc-main';
</script>
<fwc-main back>
<h1 slot="title">${msg(`Benutzer`)}</h1>
<mwc-button
slot="primary"
label="${msg('Erstellen')}"
@click="${() => this.addDialog.open()}"
unelevated
>
</mwc-button>
<fwc-card slot="content" padded>
<div>Some content</div>
</fwc-card>
</fwc-main>
With primary and secondary button
<script type="module">
import 'fortit/fwc-main';
</script>
<fwc-main>
<h1 slot="title">${this.goal.name}</h1>
<mwc-button
slot="primary"
label="${msg('Erstellen')}"
@click="${() => this.editDialog.open(id)}"
unelevated
>
</mwc-button>
<mwc-button
slot="secondary"
label="${msg('Canvas')}"
@click="${() => this.canvasDialog.open(id)}"
>
</mwc-button>
<fwc-card slot="content" padded>
<div>Some content</div>
</fwc-card>
</fwc-main>
API
Slots
Name | Description |
---|---|
content | Display the main content. |
primary | Primary button at the right top. |
secondary | Secondary button at the right top. |
title | Display the main title. |
Properties/Attributes
Name | Type | Default | Description |
---|---|---|---|
back | boolean | false | Display the back button |
Methods
None
Events
None
1.0.1
3 years ago
1.0.0
3 years ago
0.1.26
3 years ago
0.1.25
3 years ago
0.1.24
3 years ago
0.1.23
3 years ago
0.1.22
3 years ago
0.1.21
3 years ago
0.1.20
3 years ago
0.1.19
3 years ago
0.1.18
3 years ago
0.1.17
3 years ago
0.1.16
3 years ago
0.1.15
4 years ago
0.1.14
4 years ago
0.1.13
4 years ago
0.1.11
4 years ago
0.1.10
4 years ago
0.1.8
4 years ago
0.1.6
4 years ago
0.1.5
4 years ago
0.1.4
4 years ago
0.1.0
4 years ago