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

refactor(button): adds shape prop

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-05-11 17:50:53 +02:00
parent 34ae9045b7
commit 859ff45bb7
6 changed files with 56 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -68,9 +68,10 @@ export class Button {
@Prop() href?: string;
/**
* If true, activates a button with rounded corners.
* The button shape.
* Possible values are: `"round"`.
*/
@Prop() round = false;
@Prop() shape?: 'round';
/**
* The button size.
@ -120,14 +121,14 @@ export class Button {
}
protected render() {
const { buttonType, color, expand, fill, mode, round, size, strong } = this;
const { buttonType, color, expand, fill, mode, shape, size, strong } = this;
const TagType = this.href ? 'a' : 'button';
const buttonClasses = {
...getButtonClassMap(buttonType, mode),
...getButtonTypeClassMap(buttonType, expand, mode),
...getButtonTypeClassMap(buttonType, size, mode),
...getButtonTypeClassMap(buttonType, round ? 'round' : undefined, mode),
...getButtonTypeClassMap(buttonType, shape, mode),
...getButtonTypeClassMap(buttonType, strong ? 'strong' : undefined, mode),
...getColorClassMap(buttonType, color, fill, mode),
...getElementClassMap(this.el.classList),