javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 16:16:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(packages): move the packages to root

Browse Source
This commit is contained in:
Brandy Carney
2018-03-12 16:02:25 -04:00
parent 097f1a2cd3
commit d37623a2ca
1255 changed files with 38 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
core/src/components/item-group/item-group.ios.scss Normal file
View File

@ -0,0 +1,15 @@
@import "./item-group";
@import "./item-group.ios.vars";
// iOS Item Group
// --------------------------------------------------
.item-group-ios ion-item:first-child .item-inner {
border-top-width: 0;
}
.item-group-ios ion-item:last-child .item-inner,
.item-group-ios ion-item-sliding:last-child .item .item-inner {
border: 0;
}

4
core/src/components/item-group/item-group.ios.vars.scss Normal file
View File

@ -0,0 +1,4 @@
@import "../../themes/ionic.globals.ios";
// iOS Item Group
// --------------------------------------------------

15
core/src/components/item-group/item-group.md.scss Normal file
View File

@ -0,0 +1,15 @@
@import "./item-group";
@import "./item-group.md.vars";
// Material Design Item Group
// --------------------------------------------------
.item-group-md ion-item:first-child .item-inner {
border-top-width: 0;
}
.item-group-md ion-item:last-child .item-inner,
.item-group-md ion-item-sliding:last-child .item .item-inner {
border: 0;
}

4
core/src/components/item-group/item-group.md.vars.scss Normal file
View File

@ -0,0 +1,4 @@
@import "../../themes/ionic.globals.md";
// Material Design Item Group
// --------------------------------------------------

9
core/src/components/item-group/item-group.scss Normal file
View File

@ -0,0 +1,9 @@
@import "./item-group.vars";
// Item Group
// --------------------------------------------------
ion-item-group {
display: block;
}

14
core/src/components/item-group/item-group.tsx Normal file
View File

@ -0,0 +1,14 @@
import { Component } from '@stencil/core';
@Component({
tag: 'ion-item-group',
styleUrls: {
ios: 'item-group.ios.scss',
md: 'item-group.md.scss'
},
host: {
theme: 'item-group'
}
})
export class ItemGroup {}

5
core/src/components/item-group/item-group.vars.scss Normal file
View File

@ -0,0 +1,5 @@
@import "../../themes/ionic.globals";
// Item Group
// --------------------------------------------------

109
core/src/components/item-group/readme.md Normal file
View File

@ -0,0 +1,109 @@
# ion-item-group
Item groups are containers that organize similar items together. They can contain item dividers to divide the items into multiple sections.
```html
<ion-item-group>
<ion-item-divider>A</ion-item-divider>
<ion-item>
<ion-label>Angola</ion-label>
</ion-item>
<ion-item>
<ion-label>Argentina</ion-label>
</ion-item>
<ion-item>
<ion-label>Armenia</ion-label>
</ion-item>
</ion-item-group>
<ion-item-group>
<ion-item-divider>B</ion-item-divider>
<ion-item>
<ion-label>Bangladesh</ion-label>
</ion-item>
<ion-item>
<ion-label>Belarus</ion-label>
</ion-item>
<ion-item>
<ion-label>Belgium</ion-label>
</ion-item>
</ion-item-group>
```
They can also be used to group sliding items:
```html
<ion-item-group>
<ion-item-divider>
Fruits
</ion-item-divider>
<ion-item-sliding>
<ion-item>
<ion-label>
<h3>Grapes</h3>
</ion-label>
</ion-item>
<ion-item-options>
<ion-item-option>
Favorite
</ion-item-option>
</ion-item-options>
</ion-item-sliding>
<ion-item-sliding>
<ion-item>
<ion-label>
<h3>Apples</h3>
</ion-label>
</ion-item>
<ion-item-options>
<ion-item-option>
Favorite
</ion-item-option>
</ion-item-options>
</ion-item-sliding>
</ion-item-group>
<ion-item-group>
<ion-item-divider>
Vegetables
</ion-item-divider>
<ion-item-sliding>
<ion-item>
<ion-label>
<h3>Carrots</h3>
</ion-label>
</ion-item>
<ion-item-options>
<ion-item-option>
Favorite
</ion-item-option>
</ion-item-options>
</ion-item-sliding>
<ion-item-sliding>
<ion-item>
<ion-label>
<h3>Celery</h3>
</ion-label>
</ion-item>
<ion-item-options>
<ion-item-option>
Favorite
</ion-item-option>
</ion-item-options>
</ion-item-sliding>
</ion-item-group>
```
<!-- Auto Generated Below -->
----------------------------------------------
*Built with [StencilJS](https://stenciljs.com/)*