Two line buttons in ionic 6

I’m trying to create a two-line ion-button in Ionic 6. I’ve searched Stack Overflow and the answer of overriding .button-inner with flex-flow: column isn’t working because that class can’t be accessed within the shadow DOM. Is there another way of doing this?

I’ve tried all of the following both inside :host and outsite :host within my Angular components scss.

.button-inner {
    flex-flow: column;
}

ion-button {
    &::part(native) {
        .button-inner {
            flex-flow: column;
        }
    }
}

ion-button {
    &::part(native) .button-inner {
        flex-flow: column;
    }
}

1 post - 1 participant

Read full topic