# ez-tag ## Properties | Property | Attribute | Description | Type | Default | | ----------------------- | ------------------------- | -------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | | `color` | `color` | Define a cor de fundo do componente. | `"gray" \| "green" \| "light-gray" \| "light-green" \| "light-ocean-green" \| "light-petroleum" \| "light-red" \| "light-yellow" \| "ocean-green" \| "petroleum" \| "red" \| "yellow"` | `"ocean-green"` | | `customBackgroundColor` | `custom-background-color` | Define uma cor de fundo customizada, dentro da paleta de cores do Design System para o componente. | `string` | `undefined` | | `customLabelColor` | `custom-label-color` | Define uma cor de texto customizada, dentro da paleta de cores do Design System para o componente. | `string` | `undefined` | | `label` | `label` | Define o conteúdo textual ou numérico do componente. | `string` | `undefined` | ---------------------------------------------- ## CSS Variables | Variable | Description | |-|-| | --ez-tag--padding-x | Define o padding horizontal do componentes. | | --ez-tag--padding-y | Define o padding vertical do componente. | | --ez-tag--min-width | Define a largura minima do componente. | | --ez-tag--min-height | Define a largura minima do componente. | | --ez-tag--border-radius | Define o raio da borda do componente. | | --ez-tag--background-color | Define a cor de fundo. | | --ez-tag\_label--font-weight | Define o peso da fonte do label. | | --ez-tag\_label--font-size | Define o tamanho da fonte do label. | | --ez-tag\_label--color | Define a cor da fonte do label. |