Circle Indicator

Un componente simple que permite indicar que algo ha sido seleccionado.

Utilización

import { CircleIndicator } from "firefly-components/circle-indicator";

<CircleIndicator />

<CircleIndicator selected={true} />

`selected`	Recibe un valor booleano que permite encender o apagar el estado `selected` del componente. Si no se especifica, su valor por defecto es `false`.
`size`	Permite cambiar el tamaño del componente. Recibe un string. si no se especifica, su valor por defecto es `32px.`
`padding`	Permite cambiar la propiedad `padding` del componente. Esta propiedad se comporta igual que la propiedad `padding` de CSS. Si no se especifica, su valor por defecto es `5px`.

Indicador pequeño:

<CircleIndicator
    size="20px"
    padding="2px"
    selected={true}
/>

Indicador grande:

<CircleIndicator
    size="50px"
    padding="10px"
    selected={true}
/>