Atlas Technologies
fm-button 2.1.0
Install from the command line:
Learn more about npm packages
$ npm install @atlastechnol/fm-button@2.1.0
Install via package.json:
"@atlastechnol/fm-button": "2.1.0"
About this version
# npm
npm install @atlastechnol/fm-button
# yarn
yarn add @atlastechnol/fm-buttonSintaxe Options API:
<script>
import { FmButton } from '@atlastechnol/fm-button'
import '@atlastechnol/fm-button/dist/style.css'
export default {
components: {
FmButton
}
}
</script>Sintaxe Composition API:
<script setup>
import { FmButton } from '@atlastechnol/fm-button'
import '@atlastechnol/fm-button/dist/style.css'
</script>Para projetos que utilizam Vue 3 / Nuxt 3, adicione /dist/vue3 ao final do import:
import { FmButton } from '@atlastechnol/fm-button/dist/vue3'<FmButton>Label</FmButton><!-- type fm-button: outline -->
<FmButton :type='outline'>Label</FmButton>
<!-- type fm-button: filled -->
<FmButton :type='filled'>Label</FmButton>
<!-- color fm-button: primary -->
<FmButton :color='primary'>Label</FmButton>
<!-- size fm-button: small -->
<FmButton :size='small'>Label</FmButton>
<!-- size fm-button: medium -->
<FmButton :size='medium'>Label</FmButton>
<!-- size fm-button: big -->
<FmButton :size='big'>Label</FmButton>
<!-- size fm-button: full -->
<FmButton :size='full'>Label</FmButton>
<!-- disabled fm-button: true -->
<FmButton :disabled >Label</FmButton>
<!-- disabled fm-button: false -->
<FmButton :disabled='false' >Label</FmButton>
<!-- or -->
<FmButton>Label</FmButton>
<!-- click event fm-button -->
<FmButton @click='function()'>Label</FmButton>
<!-- fm-button as a element anchor -->
<FmButton href='https://google.com'>Link google</FmButton>
<!-- use of combined props -->
<FmButton :type='filled' :color='default' @click='function()'>Label</FmButton>