Search code examples
csscordovatopcoatonsen-ui

Onsen UI/Topcoat class names

I was just wondering if there is a list of the topcoat/onsen class names. Class names such as .topcoat-button--large--cta. This would greatly aid my ability to customize the design of my app. Also, the docs only display a few and I am not too sure what to look for in inspect element.

Thanks, Ben

Solution

  • Onsen UI is based on Topcoat, you can see the list of components with their code snippets.

    http://topcoat.io/topcoat/topcoat-mobile-light.html

    Onsen UI add more themes and you can find them at http://onsenui.github.io/topcoat/demo/topcoat-mobile-onsen-ios7.html

    Just scroll to the component you want to customize, and click on Show Code Snippets