# ez-radio-button



<!-- Auto Generated Below -->


## Properties

| Property    | Attribute   | Description                                        | Type                         | Default      |
| ----------- | ----------- | -------------------------------------------------- | ---------------------------- | ------------ |
| `direction` | `direction` | Define a direção dos itens.                        | `"horizontal" \| "vertical"` | `"vertical"` |
| `enabled`   | `enabled`   | Se false o usuário não pode interagir com o campo. | `boolean`                    | `true`       |
| `label`     | `label`     | Texto a ser apresentado como título do campo.      | `string`                     | `undefined`  |
| `options`   | --          | Define as opções que serão apresentadas            | `Radio[]`                    | `[]`         |
| `value`     | `value`     | Define o valor do campo.                           | `any`                        | `undefined`  |


## Events

| Event      | Description                                            | Type               |
| ---------- | ------------------------------------------------------ | ------------------ |
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<any>` |


----------------------------------------------




## CSS Variables
| Variable  | Description | 
 |-|-|
| --ez-radio-button--font-family | Define a família da fonte do label. | 
| --ez-radio-button--font-size | Define o tamanho do label. | 
| --ez-radio-button--font-weight | Define o peso da fonte do label. | 
| --ez-radio-button--font-color | Define a cor do texto. | 
| --ez-radio-button--padding-vertical | Define o espaço superior e inferior da lista de opções. | 
| --ez-radio-button--padding-horizontal | Define o espaço lateral da lista de opções. | 
| --ez-radio-button\_\_form-label--font-family | Define a família da fonte do label.  | 
| --ez-radio-button\_\_form-label--font-weight | Define o peso da fonte do label.  | 
| --ez-radio-button\_\_form-label--title-primary | Define a cor do texto.  | 
| --ez-radio-button\_\_form-label--font-size | Define o tamanho do label.  | 
| --ez-radio-button\_\_form-label--padding-horizontal | Define o espaço lateral da lista de opções. | 
| --ez-radio-button\_\_form-radio--border-color | cor da borda do radio sem seleção (sem seleção / sem foco / sem hover / enabled)  | 
| --ez-radio-button\_\_form-radio--checked--color | cor do radio selecionado (com seleção / sem foco / sem hover / enabled)  | 
| --ez-radio-button\_\_form-radio--disabled--border-color | cor da borda do radio quando está desativado (sem seleção / sem foco / sem hover / disabled)  | 
| --ez-radio-button\_\_form-radio--disabled--background-color | cor do background do radio quando está desativado (sem seleção / sem foco / sem hover / disabled)  | 
| --ez-radio-button\_\_form-radio--disabled--color | cor da label quando o radio está desativado (sem seleção / sem foco / sem hover / disabled)  | 
| --ez-radio-button\_\_form-radio--disabled--before--background-color | cor do centro do radio quando o radio está desativado (com seleção / sem foco / sem hover / disabled)  | 
| --ez-radio-button\_\_form-radio--focus--background-color | cor do background quando o radio está ativado e sem seleção (sem seleção / com foco / sem hover / enabled)  | 
| --ez-radio-button\_\_form-radio--checked--box-shadow-color | cor do box-shadow quando o radio está ativado e sem seleção (sem seleção / com foco / sem hover / enabled)  | 
| --ez-radio-button\_\_form-radio--checked--focus--background-color | cor do background quando o radio está marcado e com foco (com seleção / com foco / sem hover / enabled)  | 
| --ez-radio-button\_\_form-radio--checked--focus--box-shadow-color | cor do background quando o radio está marcado e com foco (com seleção / com foco / sem hover / enabled)  | 
| --ez-radio-button\_\_form-radio--checked--hover--background-color | cor do background quando o radio está marcado, com foco e com hover (com seleção / com foco / com hover / enabled)  | 
| --ez-radio-button\_\_form-radio--checked--hover--box-shadow-color | cor do box-shadow quando o radio está marcado, com foco e com hover (com seleção / com foco / com hover / enabled)  | 
| --ez-radio-button\_\_form-radio--hover--box-shadow-color | cor do hover quando o radio está desmarcado (sem seleção / sem foco / com hover / enabled)  | 
| --ez-radio-button\_\_form-radio--checked--disabled--hover--background-color | cor do fundo quando o radio está marcado e desativado (com seleção / sem foco / com hover / disabled)  |