Skip to content

Commit

Permalink
feat: select tag card docs
Browse files Browse the repository at this point in the history
  • Loading branch information
2eron authored and Feng Tianze committed Jul 1, 2020
1 parent 7b8b9b1 commit 58e6888
Show file tree
Hide file tree
Showing 6 changed files with 468 additions and 327 deletions.
86 changes: 86 additions & 0 deletions stories/card/card.stories.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
import { Meta, Preview, Story } from '@storybook/addon-docs/blocks';
import { moduleMetadata } from '@storybook/angular';

import { CardModule } from '@alauda/ui';

<Meta
title="Card"
decorators={[
moduleMetadata({
imports: [CardModule],
}),
]}
/>

# Card

页面内容区域布局卡片

## 基本使用

<Preview>
<Story name="basic" height="200px">
{{
template: /* HTML */ `
<aui-card [divider]="false">
<div auiCardHeader>header</div>
<div style="line-height: 64px; background-color: #ededed;">
content
</div>
<div auiCardFooter>footer</div>
</aui-card>
`,
}}
</Story>
</Preview>

## 嵌套使用

<Preview>
<Story name="nested" height="400px">
{{
template: /* HTML */ `
<aui-card>
<div auiCardHeader>header</div>
<div style="line-height: 64px; background-color: #ededed;">
content
</div>
<aui-card [divider]="false">
<div auiCardHeader>header inside</div>
<div style="line-height: 64px; background-color: red;">content</div>
</aui-card>
<div auiCardFooter>footer</div>
</aui-card>
`,
}}
</Story>
</Preview>

## 包含 Section

<Preview>
<Story name="section" height="320px">
{{
template: /* HTML */ `
<aui-card>
<div auiCardFooter>footer</div>
<div auiCardHeader>header</div>
<aui-section>
<div auiSectionTitle>section title</div>
section content 1
</aui-section>
<aui-section>
<div auiSectionTitle>section title</div>
section content 2
</aui-section>
</aui-card>
`,
}}
</Story>
</Preview>

## Card Inputs

| 名称 | 类型 | 默认值 | 描述 |
| ------- | ------- | ------ | ------------------------------ |
| divider | boolean | true | header 和 content 是否有分隔线 |
39 changes: 0 additions & 39 deletions stories/card/index.ts

This file was deleted.

162 changes: 0 additions & 162 deletions stories/select/index.ts

This file was deleted.

Loading

0 comments on commit 58e6888

Please sign in to comment.