Skip to content

v-cds-floatify

Os v-cds-floatify é uma diretiva do Cuida que permite que os elementos que a utilizam se tornem flutuantes.


Argumentos

(String):

  • Indica o posicionamento do componente em referência ao elemento alvo. É passado como argumento da diretiva, no formato v-cds-floatify:[argument]
  • Obrigatória: Não
  • Valores válidos: 'top', 'top-start', 'top-end, 'bottom', 'bottom-start, 'bottom-end, 'left', 'left-start, 'left-end, 'right', 'right-start, 'right-end;

(String):

  • O id do elemento que o ContrastChecker vai usar como referência para se posicionar. É passado como valor pra diretiva, no formato v-cds-floatify="argument"
  • Obrigatória: Sim
  • Valores válidos: qualquer string que indica o id de um elemento do DOM;

Retorno

Nenhum


Obs:

  • Utiliza o popper.js como dependência. A leitura da documentação do popper pode ajudar no uso dessa diretiva.

Exemplo

html
<template>
	<div
		v-cds-floatify:[position]="targetId"
	>
		...
	</div>
</template>

Última atualização:

Released under the Apache-2.0 License.