mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
R=eseidel@chromium.org, esprehn@chromium.org Review URL: https://codereview.chromium.org/886723002
38 lines
835 B
Plaintext
38 lines
835 B
Plaintext
<!--
|
|
// Copyright 2014 The Chromium Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
-->
|
|
<import src="sky-element/sky-element.sky" as="SkyElement" />
|
|
|
|
<sky-element name="sky-box" attributes="title:string">
|
|
<template>
|
|
<style>
|
|
:host {
|
|
display: flex;
|
|
flex-direction: column;
|
|
border-radius: 4px;
|
|
border: 1px solid gray;
|
|
margin: 10px;
|
|
}
|
|
.title {
|
|
text-align: center;
|
|
font-size: 10px;
|
|
padding: 8px 8px 4px 8px;
|
|
}
|
|
.content {
|
|
padding: 4px 8px 8px 8px;
|
|
}
|
|
div {
|
|
flex: 1;
|
|
}
|
|
</style>
|
|
<div class="title">{{ title }}</div>
|
|
<div class="content"><content/></div>
|
|
</template>
|
|
<script>
|
|
module.exports = class extends SkyElement {
|
|
}.register();
|
|
</script>
|
|
</sky-element>
|