Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

MessageList Component

Browse Source
This commit is contained in:
reverend
2020-08-12 21:31:04 +02:00
parent 72c8febfc4
commit f0b3839e73
3 changed files with 30 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/02_Molecules/messageList/_messageList.scss Normal file
View File

@@ -0,0 +1,15 @@
.LP-MessageList{
padding: 25px;
.LP-MessageList__List{
padding: 0;
margin: 0;
list-style-type: none;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.LP-MessageList__Item{
margin: 5px 0;
}
}

6
components/02_Molecules/messageList/messageList.config.json Normal file
View File

@@ -0,0 +1,6 @@
{
"title": "Message List",
"context": {
"text": "At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
}
}

9
components/02_Molecules/messageList/messageList.hbs Normal file
View File

@@ -0,0 +1,9 @@
<div class="LP-MessageList">
<ul class="LP-MessageList__List">
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--info'}}</li>
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--warning'}}</li>
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--error'}}</li>
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--success'}}</li>
<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--debug'}}</li>
</ul>
</div>