CODEWITHSUNDEEP
cssionic-framework
shin1234
shin1234

Reputation: 217

Ionic 2 starters qns on tutorial

Hi I'm new to ionic 2 and I'm unsure of some of the following code in my .html file under my (page)

<ion-content padding class="getting-started"> //Question 1

     <h3>Hello World!</h3>

<p>
     My learning login page
</p>
<p>
     <button primary menuToggle>Toggle Menu</button> //Question 2
</p>

</ion-content>

As follows,

on Question 1)

What does --> padding class="getting-started" <-- defines?

If it was written like --> class="getting-started" <-- I will understand that it is pointing to a class in the css file.

Question 2)

What does --> primary menuToggle <-- does?

I mean, I am unsure if menuToggle is a built-in function, and why is there a primary before menuToggle.

If it's a function, where is it pointing to?

UPDATE*

I realise that all css have to be linked via /app/theme/app.core.scss before it could work.

Thanks!

Upvotes: 0

Views: 34

Answers (1)

arop
arop

Reputation: 451

Both primary and padding are css properties of ionic

Take a look at the documentation for theming for more information on how to use them and what each of them do: http://ionicframework.com/docs/v2/theming/

Upvotes: 1

Related Questions