icon-picker-react v1.1.3

✔️ Icon Picker

Componente de seleção e renderização de ícones baseado no Font-Awesome.

Stack utilizada

Front-end: ⚛️React, Typescript, styled-componentes

Screenshots

• Exemplo de utilização em aplicação

• A estilização do componente fica a cargo do componente da aplicação que vai utiliza-lo, dando mais dinamiso para como trabalhar com o componente.

🛠️ Funcionalidades

• Listagem de Ícones (Font-Awesome)
• Seleção e renderização através do nome

Autores

• @CarlosZanchet

🖥️ Instalação

  npm i icon-picker-react

Exemplo

IconPicker : Container com de filtro e listagem dos ícones.

Icon : Renderiza o ícone através da informação passada por propriedade.

IconPicker

Icon

import { useState } from "react";
import { IconPicker, Icon } from "icon-picker-react";

function App() {
  const [iconLabel, setIconLabel] = useState('')
  return (
    <>
        <Icon icon={iconLabel} />
        <IconPicker onChange={setIconLabel} />
    </>
  );
}

export default App;