# 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
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
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
2
3
4
5
6
7
# Example
← Icons Map Counts →