# Legacy Browser Notice Widget

# Description

Shows the user a notice that their browser is not supported. Checks for ie10 or ie ie11 and shows notice.

# Install

# Widget

To install as a copy and paste widget.

TIP

This component's property 'minVersion' can be passed as an attribute on the script tag. See options details


<script nomodule="" id="view-legacy" src="https://cdn.cbd.int/@action-agenda/legacy-notice@~1.0.1/dist/widget/index.umd.min.js"></script>
<script  type="module" id="view" src="https://cdn.cbd.int/@action-agenda/legacy-notice@~1.0.1/dist/widget/index.min.js"></script> 


1
2
3
4
5

<script  type="module" id="view" src="https://cdn.cbd.int/@action-agenda/legacy-notice@~1.0.1/dist/widget/index.min.js"></script> 


1
2
3
4

<script nomodule="" id="view-legacy" src="https://cdn.cbd.int/@action-agenda/legacy-notice@~1.0.1/dist/widget/index.umd.min.js"></script>

1
2
3

# Properties

  props     : { minVersion   : { type: String, default: '11'  } },
  const ie10s = ['10', 'ie10', 'IE10']
  const ie11s = ['11', 'ie11', 'IE11']
  // if passed 'force' the component will render,
1
2
3

# I18n (translations)

export default { messages : {
    en: {
        'Browser not supported': 'Browser not supported'                                                                              ,
        working                : 'Please note we are working to have this web component compatible with legacy browsers still in use.',
        interim                : 'In the interim, please consider using one of the following free browsers to use this component:'
    }
  }
}
1
2
3
4
5
6
7