javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 20:33: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

6
core/src/components/button/button.tsx
View File

@ -4,6 +4,12 @@ import { Color, Mode, RouterDirection } from '../../interface';
import { hasShadowDom } from '../../utils/helpers';
import { createColorClasses, openURL } from '../../utils/theme';
/**
* @slot - Content is placed between the named slots if provided without a slot.
* @slot icon-only - Should be used on an icon in a button that has no text.
* @slot start - Content is placed to the left of the button text in LTR, and to the right in RTL.
* @slot end - Content is placed to the right of the button text in LTR, and to the left in RTL.
*/
@Component({
tag: 'ion-button',
styleUrls: {

10
core/src/components/button/readme.md
View File

@ -118,6 +118,16 @@ This attribute specifies the size of the button. Setting this attribute will cha
| `ionFocus` | Emitted when the button has focus. | `CustomEvent<void>` |
## Slots
| Slot | Description |
| ------------- | --------------------------------------------------------------------------------- |
| | Content is placed between the named slots if provided without a slot. |
| `"end"` | Content is placed to the right of the button text in LTR, and to the left in RTL. |
| `"icon-only"` | Should be used on an icon in a button that has no text. |
| `"start"` | Content is placed to the left of the button text in LTR, and to the right in RTL. |
## CSS Custom Properties
| Name | Description |