Lista de widgets disponíveis no Admin da Deco.
boolean
. Exemplo:
ImageWidget
. Este tipo pode ser
importado de deco-cx/apps
. Exemplo:
VideoWidget
. Este tipo pode ser
importado de deco-cx/apps
. Exemplo:
Section
é utilizado para criar Sections que podem receber outras
Sections como propriedades. Funciona de forma bem similar a receber outros
componentes por props.
Ao utilizar este campo, você pode selecionar qualquer Section do seu projeto. O
formulário renderizado nesta widget toma forma do mesmo formulário que seria
renderizado para a Section que foi selecionada.
Este widget é renderizado para campos do tipo Section
. Este tipo pode ser
importado de deco-cx/apps
. Exemplo:
HTMLWidget
. Este widget
permite a edição do conteúdo de seu campo através de um
Editor WYSIWYG (What You See Is What You Get).
Este tipo pode ser importado de deco-cx/apps
. Exemplo:
Secret
. Este tipo pode ser importado de
deco-cx/apps
. Exemplo:
MySection.tsx
MinhaSection.tsx
minhaloja/loaders/produtos.ts
term
, isso vai se comportar como uma
busca.
MySection.tsx
CSS
, TypeScript
ou Json
. Exemplo:
MySection.tsx
static/adminIcons.ts
e exportado como uma constante:
mystore/static/adminIcons.ts
mystore/loaders/icons.ts
MySection.tsx
static/sprites.svg
deve ser
explicitamente definido como uma string SVG e exportado de um arquivo separado,
static/adminIcons.ts
. Nós simplificamos esse processo com o script
generate-icons.ts
no template da loja Deco, que automatiza a conversão dos
ícones de sprites.svg
para o formato de string e os grava em adminIcons.ts
.
Para adicionar novos ícones, basta inseri-los no seu sprites.svg
. Em seguida,
interrompa a execução do projeto e reinicie-o usando deno task run
. Isso
aciona o script generate-icons.ts
, atualizando o arquivo adminIcons.ts
com
os novos ícones, tornando-os imediatamente disponíveis para seleção no widget.
Essa abordagem centraliza as atualizações de ícones em sprites.svg
, garantindo
um processo de atualização suave.
Esteja ciente de que, se um ícone não foi gerado como uma string em
static/adminIcons.ts, ele não será exibido como uma opção no seletor.
mystore/loaders/availableIcons.ts