# Legacy Browser Notice

# 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

# Vuejs

To install as vuejs component.

<template>
  <div id="app">
    <LegacyNotice min-version='10'/>
  </div>
</template>

<script>
import LegacyNotice from '@action-agenda/legacy-notice'

export default {
  name      : 'App',
  components: {
    LegacyNotice
  }
}
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

# 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

# Example