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

feat(select-option): pass class from the option to the interface for individual styling (#21304)

Browse Source 
Co-authored-by: Robb Wright <audaxion@gmail.com>
This commit is contained in:
Brandy Carney
2020-05-27 12:12:01 -04:00
committed by GitHub
parent 2dac12c577
commit 5285824da5
12 changed files with 1465 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
core/src/components/select-popover/select-popover-interface.ts
View File

@ -4,5 +4,6 @@ export interface SelectPopoverOption {
value: string;
disabled: boolean;
checked: boolean;
cssClass?: string | string[];
handler?: () => void;
}

3
core/src/components/select-popover/select-popover.tsx
View File

@ -3,6 +3,7 @@ import { Component, ComponentInterface, Host, Listen, Prop, h } from '@stencil/c
import { getIonMode } from '../../global/ionic-global';
import { SelectPopoverOption } from '../../interface';
import { safeCall } from '../../utils/overlays';
import { getClassMap } from '../../utils/theme';
/**
* @internal
@ -51,7 +52,7 @@ export class SelectPopover implements ComponentInterface {
}
<ion-radio-group value={checkedValue}>
{this.options.map(option =>
<ion-item>
<ion-item class={getClassMap(option.cssClass)}>
<ion-label>
{option.text}
</ion-label>