javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(item): update to include lines prop

Browse Source
This commit is contained in:
Brandy Carney
2018-08-09 18:02:54 -04:00
parent da6df2ad73
commit c287cb587e
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components.d.ts vendored
View File

@ -1084,7 +1084,7 @@ declare global {
*/ */
'href': string; 'href': string;
/** /**
* How the bottom border should be displayed on the item. * How the bottom border should be displayed on the item. Available options: `"full"`, `"inset"`, `"none"`.
*/ */
'lines': 'full' | 'inset' | 'none'; 'lines': 'full' | 'inset' | 'none';
/** /**
@ -2182,7 +2182,7 @@ declare global {
interface IonSkeletonText { interface IonSkeletonText {
/** /**
* Width for the element to render at. Default is 100% * The width of the element. Defaults to: `"100%"`.
*/ */
'width': string; 'width': string;
} }
@ -4706,7 +4706,7 @@ declare global {
*/ */
'href'?: string; 'href'?: string;
/** /**
* How the bottom border should be displayed on the item. * How the bottom border should be displayed on the item. Available options: `"full"`, `"inset"`, `"none"`.
*/ */
'lines'?: 'full' | 'inset' | 'none'; 'lines'?: 'full' | 'inset' | 'none';
/** /**
@ -5802,7 +5802,7 @@ declare global {
export interface IonSkeletonTextAttributes extends HTMLAttributes { export interface IonSkeletonTextAttributes extends HTMLAttributes {
/** /**
* Width for the element to render at. Default is 100% * The width of the element. Defaults to: `"100%"`.
*/ */
'width'?: string; 'width'?: string;
} }

3
core/src/components/item/item.tsx
View File

@ -60,6 +60,7 @@ export class Item {
/** /**
* How the bottom border should be displayed on the item. * How the bottom border should be displayed on the item.
* Available options: `"full"`, `"inset"`, `"none"`.
*/ */
@Prop() lines?: 'full' | 'inset' | 'none'; @Prop() lines?: 'full' | 'inset' | 'none';
@ -145,6 +146,8 @@ export class Item {
const attrs = TagType === 'button' ? { type } : { href }; const attrs = TagType === 'button' ? { type } : { href };
const showDetail = detail != null ? detail : mode === 'ios' && clickable; const showDetail = detail != null ? detail : mode === 'ios' && clickable;
console.log('item state', state);
return ( return (
<TagType <TagType
{...attrs} {...attrs}

2
core/src/components/item/readme.md
View File

@ -96,6 +96,7 @@ If this property is set, an anchor tag will be rendered.
string string
How the bottom border should be displayed on the item. How the bottom border should be displayed on the item.
Available options: `"full"`, `"inset"`, `"none"`.
#### mode #### mode
@ -181,6 +182,7 @@ If this property is set, an anchor tag will be rendered.
string string
How the bottom border should be displayed on the item. How the bottom border should be displayed on the item.
Available options: `"full"`, `"inset"`, `"none"`.
#### mode #### mode