Align Button In Ionic Framework

Align Button In Ionic Framework : Sometimes we need to align the buttons left or right in ionic framework. In this tutorial we are going to explain how you can text align left, right or center in Ionic. We will explain the examples with online demo.

Align Button In Ionic Framework

You can align left or right buttons in ionic framework as below. Let us go one by one.

Ionic Button – Left Align Example

Here is an example to add left align of a button.

<div class="row">
   <div class="col text-left">
 <button class="button button-dark">
  button-dark
</button>

If you run the above example it will look something like this

Ionic Button – Right Align Example

Here is an example to add left align of a button.

<div class="row">
   <div class="col text-right">
 <button class="button button-dark">
  button-dark
</button>

If you run the above example it will look something like this

Ionic Button – Center Align Example

Here is an example to add left align of a button.

<div class="row">
   <div class="col text-center">
 <button class="button button-dark">
  button-dark
</button>

If you run the above example it will look something like this

Add Comment

📖 Read More

• 1. Ionic clear localstorage data
• 2. Detect Internet connection in Ionic Framework
• 3. Rename App in Ionic Framework
• 4. Ionic Add App Icon And Splash Screen
• 5. Disable hardware back button in Ionic framework

• 6. Ionic get current version