@uxhispam/kenos-native
v1.2.0
Published
![Kenos](assets/img/kenos-logo-light.svg#gh-light-mode-only) ![Kenos](assets/img/kenos-logo-dark.svg#gh-dark-mode-only)
Downloads
259
Readme
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;
Contribución
Para detalles sobre cómo contribuir al proyecto, consulta el archivo CONTRIBUTING.
Kénos en plataformas webs
Licencia
Este proyecto está licenciado bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.