Increase theme-bility in Ionic 4 about amplify-ui HOT 3 CLOSED

Hello, we'll be closing this as the newer version of aws-amplify-angular and @aws-amplify/ui-angular provide APIs for customization.

For latest @next angular ui components, please see: https://ui.docs.amplify.aws/ui/getting-started/installation?platform=angular. Thanks!

from amplify-ui.

@wstidolph I know it's been awhile since you posted this issue, but we've come back to it since we've now implemented CSS modules in amplify.

We now have a beta feature where you can pass in a classOverrides object, which consists of key/value pairs. Each key is one of our internal classnames, and each value is an array of your own classes.

So for example, you can pass in:

classOverrides: {
   sectionHeader: ['class1']
}

This will add class1 to the classes for the sectionHeader in a component.

To test out this beta feature, you would need to install:

    "aws-amplify-angular": "2.1.7-beta.0",
    "@aws-amplify/ui": "1.0.16-beta.0

Draft documentation can be found here.

Would love to here any feedback you might have!

from amplify-ui.

FYI, we have started an RFC discussion for a proposed Amplify UI Component refactor to increase customizability and flexibility for our components. Please feel free to add any additional comments to the following issue:

aws-amplify/amplify-js#3279

from amplify-ui.