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

docs(): Add documentation for slots (#17441)

Browse Source 
* add button slot

* add component slot docs

* update content default slot description

* run npm build

* fix typos

* update md files

* docs(slots): update slot components and the build files

* chore(stencil): updates stencil to build readmes

* chore(build): update the swiper bundle file to match master

* update default slot doc wording

* revert changes

* Revert "update default slot doc wording"

This reverts commit e18401491ede10bb1ee095601d1a0c703721df62.

merge

* docs(slots): update default slot doc wording
This commit is contained in:
Liam DeBeasi
2019-02-12 15:51:01 -05:00
committed by GitHub
parent 4f203bc230
commit 29f1500e5a
18 changed files with 127 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/item-option/item-option.tsx
View File

@ -3,6 +3,14 @@ import { Component, ComponentInterface, Element, Listen, Prop } from '@stencil/c
import { Color, Mode } from '../../interface';
import { createColorClasses } from '../../utils/theme';
/**
* @slot - Content is placed between the named slots if provided without a slot.
* @slot start - Content is placed to the left of the option text in LTR, and to the right in RTL.
* @slot top - Content is placed above the option text.
* @slot icon-only - Should be used on an icon in an option that has no text.
* @slot bottom - Content is placed below the option text.
* @slot end - Content is placed to the right of the option text in LTR, and to the left in RTL.
*/
@Component({
tag: 'ion-item-option',
styleUrls: {

12
core/src/components/item-option/readme.md
View File

@ -18,6 +18,18 @@ action for the item.
| `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` |
## Slots
| Slot | Description |
| ------------- | --------------------------------------------------------------------------------- |
| | Content is placed between the named slots if provided without a slot. |
| `"bottom"` | Content is placed below the option text. |
| `"end"` | Content is placed to the right of the option text in LTR, and to the left in RTL. |
| `"icon-only"` | Should be used on an icon in an option that has no text. |
| `"start"` | Content is placed to the left of the option text in LTR, and to the right in RTL. |
| `"top"` | Content is placed above the option text. |
## CSS Custom Properties
| Name | Description |