Widgets
Filesquash widget is our major tool for web integrations. It’s provided as a typical Javascript library and can be easily embedded in your site. The widget is highly customizable to fit your needs.
Instalação
Via tag <script>
Adicione o seguinte código antes de fechar a tag
<body>
de seu site:
Pronto. Agora você já pode usar os componentes em qualquer lugar no seu template, jsx, html, etc.
NPM
Rode
npm install filesquash-widget --save
Adicione um código similar ao a seguir antes de fechar a tag
<body>
de seu site:
Pronto. Agora você já pode usar os componentes em qualquer lugar no seu template, jsx, html, etc.
Widget de imagens
O widget de imagens do Filesquash permite que você tenha imagens automaticamente responsivas em seu site com o mínimo de esforço possível. Além disso, também é possível aplicar uma grande quantidade de efeitos efeitos, como blur, grayscale, watermark, etc..
Exemplo de uso
Opções
Widget de imagens em background
O widget de imagens do Filesquash também permite que você tenha imagens em background automaticamente responsivas.
Exemplo de uso
Opções
Widget de Upload
Javascript (vanilla):
Para receber a URL de seu arquivo após o upload você deverá criar um listener para o evento uploadCompleted
:
Alternativamente você também pode escutar pelo evento filesquash:uploadStarted
no document
Caso queira acionar programaticamente o widget de upload do Filesquash, utilize o <filesquash-modal>
e chame o método toggleModal()
para exibir ou esconder o widget.
Opções
Utilizando o widget de upload com o React:
Para usar o widget de upload no React você precisará criar um wrapper como o apresentado a seguir.
Usando o wrapper:
ps.: Em breve disponibilizaremos esse wrapper como um pacote no NPM.
Last updated