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

Add shape prop to Chip

Browse Source
This commit is contained in:
Bernardo Cardoso
2024-04-08 15:52:54 +01:00
parent 77c67f2362
commit 557efc203e
4 changed files with 43 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
core/src/components/chip/chip.tsx
View File

@ -36,7 +36,13 @@ export class Chip implements ComponentInterface {
*/
@Prop() disabled = false;
/**
* Set to 'rectangular' for a chip with sharp corners.
*/
@Prop({ reflect: true }) shape?: 'soft' | 'round' | 'rectangular';
render() {
const { shape } = this;
const theme = getIonTheme(this);
return (
@ -44,6 +50,7 @@ export class Chip implements ComponentInterface {
aria-disabled={this.disabled ? 'true' : null}
class={createColorClasses(this.color, {
[theme]: true,
[`chip-${shape}`]: shape !== undefined,
'chip-outline': this.outline,
'chip-disabled': this.disabled,
'ion-activatable': true,