Skip to content

Componentes utilizados nos blocos do tema WP da Universidade Federal de Rondonópolis

Notifications You must be signed in to change notification settings

demoraisj/wp-idg-ufr__block-components

Repository files navigation

wp-idg-ufr__block-components

Componentes utilizados nos blocos do tema WP da Universidade Federal de Rondonópolis
!Importante -> Depende de github.com/juniorjmm/wp-idg-ufr__block_dependencies, que deve estar instalado como um plugin no WP

JavaScript Style Guide

Instalação

npm install https://github.com/juniorjmm/wp-idg-ufr__block-components.git#<version>

Uso

Importe e use

import React, { Component } from 'react'

import { UFRComponente } from 'wp-idg-ufr__block-components'

class Example extends Component {
  render() {
    return <UFRComponente prop1={var1} />
  }
}

Componente <UFRBlockHeader />

Atributos:

  • title: string // Para exibição no título
  • subtitle: string // Para exibição no subtítulo

Componente <UFRGaleryBtn />

Atributos:

  • text: string // Texto para exibição no título do botão, opcional
  • icon: string // Classe de icone font-awesome para o botão, opcional
  • allowedTypes: string[] // Tipos permitidos para upload, opcional
  • multiple: boolean // Se o upload deve ser multiplo
  • setter: function // Função 'setAttributes' provida nos parâmetros do método 'edit' no ambiente @wodpress/create-block
  • attr: array // Atributo para ser alterado com o setter, listado em block.json na seção 'attributes'. Precisa ser um array.

Componente <UFRIconPicker />

Atributos:

  • attr : string // Atributo para ser alterado com o setter, listado em block.json na seção 'attributes'. Se não informado, tenta usar como default um atributo de nome "icon"
  • setter: function // Função 'setAttributes' provida nos parâmetros do método 'edit' no ambiente @wodpress/create-block

Componente <UFRInput />

Atributos:

  • label: string // atributo label nativo do input
  • type: string // atributo type nativo do input, defaults to 'text'
  • value: string // atributo value nativo do input
  • className: string // attributo className nativo do React
  • setter: function // Função 'setAttributes' provida nos parâmetros do método 'edit' no ambiente @wodpress/create-block
  • attr: string // Atributo para ser alterado com o setter, listado em block.json na seção 'attributes'

Componente <UFRTextarea />

Atributos:

  • label: string // atributo label nativo do textarea
  • value: string // conteúdo innerText do textarea
  • className: string // attributo className nativo do React
  • setter: function // Função 'setAttributes' provida nos parâmetros do método 'edit' no ambiente @wodpress/create-block
  • attr: string // Atributo para ser alterado com o setter, listado em block.json na seção 'attributes'

Componente <UFRSelect />

Atributos:

  • options: { label: string, value: string | boolean | number }[] // Array de opções para o select
  • value: string | boolean | number // atributo value nativo do input
  • setter: function // Função 'setAttributes' provida nos parâmetros do método 'edit' no ambiente @wodpress/create-block
  • attr: string // Atributo para ser alterado com o setter, listado em block.json na seção 'attributes'

Componente <UFRCheckbox />

Atributos:

  • label: string // Atributo label nativo do input
  • checked: boolean // Se o checkbox deve estar por padrão marcado. Deve acompanhar o default do atributo em block.json
  • valWhenChecked: any // Valor para ser atribuído ao atributo alvo quando o checkbox for marcado
  • valWhenUnchecked: any // Valor para ser atribuído ao atributo alvo quando o checkbox for desmarcado
  • setter: function // Função 'setAttributes' provida nos parâmetros do método 'edit' no ambiente @wodpress/create-block
  • attr: string // Atributo para ser alterado com o setter, listado em block.json na seção 'attributes'

Componente <UFRListBuilder />

Atributos:

  • items: string // JSON encoded type { text: string, link: string, isChild: false, children: { text: string, link: string, isChild: true }[] }[]
  • setter: function // Função 'setAttributes' provida nos parâmetros do método 'edit' no ambiente @wodpress/create-block
  • attr: string // Atributo para ser alterado com o setter, listado em block.json na seção 'attributes'

About

Componentes utilizados nos blocos do tema WP da Universidade Federal de Rondonópolis

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published