Skip to content

@atlastechnol Atlas Technologies

fm-radio-button 2.0.0

Install from the command line:
Learn more about npm packages
$ npm install @atlastechnol/fm-radio-button@2.0.0
Install via package.json:
"@atlastechnol/fm-radio-button": "2.0.0"

About this version

RadioButton

Instalação

# npm
npm install @atlastechnol/fm-radio-button

# yarn
yarn add @atlastechnol/fm-radio-button

Configuração

Sintaxe Options API:

<script>
import { FmRadioButton } from '@atlastechnol/fm-radio-button'
import '@atlastechnol/fm-radio-button/dist/style.css'

export default {
  components: {
    FmRadioButton
  }
}
</script>

Sintaxe Composition API:

<script setup>
import { FmRadioButton } from '@atlastechnol/fm-radio-button'
import '@atlastechnol/fm-radio-button/dist/style.css'
</script>

Para projetos que utilizam Vue 3 / Nuxt 3, adicione /dist/vue3 ao final do import:

import { FmRadioButton } from '@atlastechnol/fm-radio-button/dist/vue3'

Utilização

<FmRadioButton
  id="radioId"
  v-model="radioModel"
  :radio-value="radioInputValue"
  name="radioName"
  label="radioLabel"
></FmRadioButton>

Propriedades

Props

id: utilizado para atribuir um id para o input;

name: a ser utilizado internamente para vincular os inputs;

label: texto a ser exibido ao lado direito do Radio Button;

v-model: controla o valor/estado selecionado;

radioValue: controla o valor/estado do Radio Button (a ser selecionado);

disabled: (opcional) determina se o Radio Button está desabilitado ou não;

bordered: (opcional) controla se o Radio Button possui borda inferior;

subtitle: (opcional) controla se o Radio Button possui legenda inferior

Eventos

input: disparado quando o estado do Radio Button altera

v-model

Em vez de utilizar a prop value e o evento input, é possível utilizar v-model para simplificar o controle do estado do Radio Button.

Details

Assets

  • fm-radio-button-2.0.0.tgz

Download activity

  • Total downloads 0
  • Last 30 days 0
  • Last week 0
  • Today 0

Recent versions

View all