Passar para o conteúdo principal

Nomes das Classes

Escrito por AdOpt Support
Atualizado há mais de 5 meses

Componente: controller

classe button

controller-button-class.png

styles: {
web: { controller: { button: { ...props } } },
mobile: { controller: { button: { ...props } } }
}

Componente: card

classe container

card-container-class.png

styles: {
web: { card: { container: { ...props } } },
mobile: { card: { container: { ...props } } }
}

classe content

card-content-class.png

styles: {
web: { card: { content: { ...props } } },
mobile: { card: { content: { ...props } } }
}

classe textContainer

card-text-container-class.png

styles: {
web: { card: { textContainer: { ...props } } },
mobile: { card: { textContainer: { ...props } } }
}

classe titleRow

card-title-row-class.png

styles: {
web: { card: { titleRow: { ...props } } },
mobile: { card: { titleRow: { ...props } } }
}

classe title

card-title-class.jpg

styles: {
web: { card: { title: { ...props } } },
mobile: { card: { title: { ...props } } }
}

classe adoptLink

card-adopt-link-class.png

styles: {
web: { card: { adoptLink: { ...props } } },
mobile: { card: { adoptLink: { ...props } } }
}

classe textsRow

card-texts-row-class.png

styles: {
web: { card: { textsRow: { ...props } } },
mobile: { card: { textsRow: { ...props } } }
}

classe textRowContent

card-text-row-content-class.png

styles: {
web: { card: { textRowContent: { ...props } } },
mobile: { card: { textRowContent: { ...props } } }
}

classe textRowLinks

card-text-row-links-class.png

styles: {
web: { card: { textRowLinks: { ...props } } },
mobile: { card: { textRowLinks: { ...props } } }
}

classe buttonsContainer

card-buttons-container-class.png

styles: {
web: { card: { buttonsContainer: { ...props } } },
mobile: { card: { buttonsContainer: { ...props } } }
}

classe preferencesButton ou classe rejectAllLink (CCPA)

card-preferences-button-class.png

styles: {
web: { card: { preferencesButton: { ...props }, /* ou */ rejectAllLink: { ...props } } },
mobile: { card: { preferencesButton: { ...props }, /* ou */ rejectAllLink: { ...props } } }
}

classe rejectAllButton

card-reject-all-button-class.png

styles: {
web: { card: { rejectAllButton: { ...props } } },
mobile: { card: { rejectAllButton: { ...props } } }
}

classe acceptAllButton

card-accept-all-button-class.png

styles: {
web: { card: { acceptAllButton: { ...props } } },
mobile: { card: { acceptAllButton: { ...props } } }
}

Componente: preferenceCard

classe panel

preference-card-panel-class.png

styles: {
web: { preferenceCard: { panel: { ...props } } },
mobile: { preferenceCard: { panel: { ...props } } }
}

classe title

preference-card-title-class.png

styles: {
web: { preferenceCard: { title: { ...props } } },
mobile: { preferenceCard: { title: { ...props } } }
}

classe closePanel

preference-card-close-panel-class.png

styles: {
web: { preferenceCard: { closePanel: { ...props } } },
mobile: { preferenceCard: { closePanel: { ...props } } }
}

classe tagCategories

preference-card-tag-categories-class.png

styles: {
web: { preferenceCard: { tagCategories: { ...props } } },
mobile: { preferenceCard: { tagCategories: { ...props } } }
}

classe cardFooter

preference-card-card-footer-class.png

styles: {
web: { preferenceCard: { cardFooter: { ...props } } },
mobile: { preferenceCard: { cardFooter: { ...props } } }
}

classe smallTextFooter

preference-card-small-text-footer-class.png

styles: {
web: { preferenceCard: { smallTextFooter: { ...props } } },
mobile: { preferenceCard: { smallTextFooter: { ...props } } }
}

classe buttonsContainer

preference-card-buttons-container-class.png

styles: {
web: { preferenceCard: { buttonsContainer: { ...props } } },
mobile: { preferenceCard: { buttonsContainer: { ...props } } }
}

classe rejectButton

preference-card-reject-button-class.png

styles: {
web: { preferenceCard: { rejectButton: { ...props } } },
mobile: { preferenceCard: { rejectButton: { ...props } } }
}

classe acceptButton

preference-card-accept-button-class.png

styles: {
web: { preferenceCard: { acceptButton: { ...props } } },
mobile: { preferenceCard: { acceptButton: { ...props } } }
}

Componente: categories

classe category

categories-category-class.png

styles: {
web: { categories: { category: { ...props } } },
mobile: { categories: { category: { ...props } } }
}

classe title

categories-title-class.png

styles: {
web: { categories: { title: { ...props } } },
mobile: { categories: { title: { ...props } } }
}

classe description

categories-description-class.png

styles: {
web: { categories: { description: { ...props } } },
mobile: { categories: { description: { ...props } } }
}

classe toogleShowTags

categories-toogle-show-tags-class.png

styles: {
web: { categories: { toogleShowTags: { ...props } } },
mobile: { categories: { toogleShowTags: { ...props } } }
}

classe tag

categories-tag-class.png

styles: {
web: { categories: { tag: { ...props } } },
mobile: { categories: { tag: { ...props } } }
}

classe tagTitleSection

categories-tag-title-section-class.png

styles: {
web: { categories: { tagTitleSection: { ...props } } },
mobile: { categories: { tagTitleSection: { ...props } } }
}

classe tagTitle

categories-tag-title-class.png

styles: {
web: { categories: { tagTitle: { ...props } } },
mobile: { categories: { tagTitle: { ...props } } }
}

classe tagCookieContainer

categories-tag-cookie-container-class.png

styles: {
web: { categories: { tagCookieContainer: { ...props } } },
mobile: { categories: { tagCookieContainer: { ...props } } }
}

classe tagCleanCacheLink

categories-tag-clean-cache-link-class.png

styles: {
web: { categories: { tagCleanCacheLink: { ...props } } },
mobile: { categories: { tagCleanCacheLink: { ...props } } }
}
Respondeu à sua pergunta?