@codeworker.br/govbr-tw-react/dist/config/baseClassNames.js

Biblioteca de componentes React usando Tailwind CSS que implementa o Padrão Digital de Governo.

const BASE_CLASSNAMES = {
    avatar: {
        root: "govbr-avatar",
    },
    button: {
        root: "govbr-button",
    },
    spinner: {
        root: "govbr-spinner",
    },
    govbrLogo: {
        root: "govbr-logo",
    },
    govLogo: {
        root: "gov-logo",
    },
    header: {
        root: "govbr-header",
    },
    tooltip: {
        root: "govbr-tooltip",
        content: "govbr-tooltip-content",
    },
    message: {
        root: "govbr-message",
        danger: "govbr-message-danger",
        success: "govbr-message-success",
        warning: "govbr-message-warning",
        info: "govbr-message-info",
    },
    flyout: {
        root: "govbr-flyout",
        toggle: "govbr-flyout-toggle",
        content: "govbr-flyout-content",
    },
    accordion: {
        root: "govbr-accordion",
        item: "govbr-accordion-item",
        trigger: "govbr-accordion-item-trigger",
        content: "govbr-accordion-item-content",
    },
    badge: {
        root: "govbr-badge",
        pulse: "govbr-badge-pulse",
    },
    card: {
        root: "govbr-card",
        header: "govbr-card-header",
        main: "govbr-card-main",
        footer: "govbr-card-footer",
        disabled: "govbr-card-disabled-overlay",
    },
    input: {
        root: "govbr-input",
        control: "govbr-input-control",
    },
    radio: {
        root: "govbr-input-radio",
        label: "govbr-input-radio-label",
    },
    checkbox: {
        root: "govbr-input-checkbox",
        label: "govbr-input-checkbox-label",
    },
    status: {
        root: "govbr-badge-status",
        pulse: "govbr-badge-status-pulse"
    },
    tabs: {
        root: "govbr-tabs",
        tab: "govbr-tab",
        button: "govbr-tab-button",
        content: "govbr-tab-content"
    },
    dialog: {
        root: "govbr-dialog",
        content: "govbr-dialog-content"
    },
    featuredTitle: {
        root: "govbr-featured-title"
    },
    breadcrumb: {
        root: "govbr-breadcrumb"
    },
    list: {
        root: "govbr-list",
        item: "govbr-list-item",
        label: "govbr-list-item-label",
        locator: "govbr-list-item-locator"
    },
    switch: {
        root: "govbr-switch",
        label: "govbr-switch-label"
    },
    carousel: {
        root: "govbr-carousel",
        holder: "govbr-carousel-holder",
        item: "govbr-carousel-item"
    },
    multiComboBox: {
        root: "govbr-multiComboBox"
    }
};
export default BASE_CLASSNAMES;