@uxhispam/kenos-native NPM

Kenos Native

Kenos Native es una librería de componentes nativos para iOS y Android. Este sistema de diseño está enfocado en la región Hispanoamérica bajo la marca de Telefónica, proporcionando una experiencia de usuario consistente y con identidad regional.

Instalación

Puedes instalar Kenos Native usando npm o yarn.

Usando npm

npm install @uxhispam/kenos-native

Usando yarn

yarn add @uxhispam/kenos-native

Configuración Inicial

Para empezar a utilizar Kenos Native, necesitas configurar tu aplicación para que use los temas y el proveedor de temas de Kénos. A continuación se muestra un ejemplo de cómo hacerlo:

import React from 'react';
import { 
    ThemeContextProvider, 
    ThemeContextType,
    DefaultThemeContext,
    getMovistarSkin,
} from '@uxhispam/kenos-native';

function App(): React.JSX.Element {
  const kenosTheme: ThemeContextType = {
    ...DefaultThemeContext,
    skinName: 'Movistar',
    i18n: { locale: 'es-CO', phoneNumberFormattingRegionCode: 'ES' },
  };

  return (
    <ThemeContextProvider {...kenosTheme}>
      <App />
    </ThemeContextProvider>
  );
}

export default App;

Uso

Una vez que hayas configurado tu aplicación, puedes empezar a usar los componentes en tu proyecto.

Ejemplo de Uso

import { ButtonPrimary } from '@uxhispam/kenos-native';

const App = () => (
  <ButtonPrimary rounded onPress={() => alert('Hola Mundo!')}>Click Me</ButtonPrimary>
);

export default App;