# Explicação das bibliotecas de componentes
Os componentes são os blocos de construção individuais, como imagens de destaque e cartões de tarefa, que compõem seu widget ou microsite. Todos os nossos modelos atuais são alimentados por nossas bibliotecas de componentes Mint e Bedrock.
Componentes Mint
Widgets e microsites criados com componentes Mint oferecem aos defensores do cliente as experiências mais recentes do Advocate. A maioria dos modelos atuais usa componentes Mint. Se você não tiver certeza se está usando a biblioteca de componentes atual, pode verificar manualmente para confirmar e atualizar sua biblioteca, se necessário.
Para atualizar para componentes Mint para seu **widget do programa**:
1. No menu de navegação à esquerda, selecione  **\[Engage] → Content**.
2. Selecione **Edit widgets** na *widgets* cartão.
3. Selecione o nome do widget que deseja editar.
4. No menu da barra lateral esquerda, selecione **Packages**.
5. Selecione  **Add package**.
6. Selecione **Add** na *Componentes Mint* cartão.
Para atualizar para componentes Mint para seu **microsite**:
1. No menu de navegação à esquerda, selecione  **\[Engage] → Content.**
2. Selecione o **Edit settings** botão na *microsite* cartão.
3. Em *Site Hosting* cabeçalho, navegue até a *Packages* seção.
4. Selecione  **Add package**.
5. Selecione **Add** na *Componentes Mint* cartão.
6. Selecione **Salvar**.
Componentes Bedrock
Todos os modelos alimentados por componentes Mint também têm o pacote de componentes Bedrock instalado. Os componentes Bedrock não podem ser vistos pelos participantes, mas oferecem a possibilidade de adicionar lógica avançada ao seu design. Eles podem exibir condicionalmente outros componentes e definir de qual programa um componente obtém dados. Você pode encontrar o pacote de componentes Bedrock na *Componentes avançados* seção dentro da *Add* aba no Editor de Widget ou Microsite.
Há dois componentes no pacote de componentes Bedrock:
**Seção condicional**
O *componente de seção condicional* permite incluir conteúdo condicional com base no e-mail, país, segmento ou campo personalizado de um participante. Insira uma expressão JSONata na caixa *Condição* para definir as condições de exibição. Em seguida, mova qualquer conteúdo que você queira exibir para um grupo específico de participantes dentro da seção condicional.
**Seção de programa**
O *componente de seção de programa* permite substituir o ID do programa de seus componentes filhos. Use-o para exibir conteúdo que não esteja vinculado a um programa específico. O *Seção de programa* componente está incluído na maioria dos modelos de widget e microsite por padrão.
Bibliotecas de componentes personalizadas
Você pode criar e usar seus próprios pacotes de componentes para personalizar ainda mais sua experiência no Advocate. Esses componentes podem ser adicionados a qualquer modelo e usados junto com os componentes fornecidos pelo Advocate.
Os widgets do Advocate usam HTML padrão e [componentes web](https://www.webcomponents.org/) . Para usar seus próprios componentes em nosso editor de widgets, eles devem ser escritos como componentes web.
Para começar a criar seu widget com componentes personalizados, instale seu pacote personalizado:
1. No menu de navegação à esquerda, selecione  **\[Engage] → Content**.
2. Selecione **Edit widgets** no cartão de widgets.
3. Selecione o nome do widget que deseja editar.
4. No menu da barra lateral esquerda, selecione **Packages**.
5. Selecione  **Add package**.
6. Selecione  **Adicionar do NPM**.
7. Insira o *nome do pacote*, *versão* e *caminho do arquivo*.
8. Selecione **Add**.