Flags

Vue Bootstrap 5 Flags

A flag is used to represent a political state.


Definition

Flag

A flag can use the two digit country code, the full name, or a common alias


        <template>
          <MDBIcon flag="ae" />
          <MDBIcon flag="fr" />
          <MDBIcon flag="mm" />
        </template>
      

        <script>
          import { MDBIcon } from 'mdb-vue-ui-kit';

          export default {
            components: {
              MDBIcon,
            },
          };
        </script>
      

Flags - API


Import


        import { MDBIcon } from 'mdb-vue-ui-kit';
      

Properties

Name Type Default Description Example
icon String '' Defines icon. <MDBIcon icon="camera" />
iconStyle String 'fas' Defines icon style. Available options: fas, far, fab, fal, fad. <MDBIcon icon="mdb" iconStyle="fab" />
size String '' Defines icon size. <MDBIcon icon="camera" size="3x" />
flag String '' Changes icon to a flag. <MDBIcon flag="fr" />