@kushki/suka-material-ui-theme
TypeScript icon, indicating that this package has built-in type declarations

1.0.4 • Public • Published

What am I looking at? 🤔

A Material-UI theme for Suk'a Design System

Getting the theme

npm i suka-material-ui-theme --save

or

yarn add suka-material-ui-theme

Your have to also install the IBM Plex Sans typography:

npm i fontsource-ibm-plex-sans

After installing @kushki/suka-material-ui-theme, import it:

import { sukaTheme } from "@kushki/suka-material-ui-theme";

Don't forget to also import the font within your app entry file or site component:

import "fontsource-ibm-plex-sans"

Using the theme

The theme exports an named export sukaTheme that calls createMuiTheme under the hood.

To use this theme, you need to pass it as the theme prop to muiThemeProvider:

<MuiThemeProvider theme={sukaTheme}>
  // ... your app here
</MuiThemeProvider>

See the Material-UI docs on themes for more details.

It also exports different variables for us, like pallete, borderRadius, typography for use inside your code like:

import { pallete } from '@kushki/suka-material-ui-theme'

const CustomBox = ({ children }) => <div styles={{ background: pallete.secondary.main }}>{ children }</div>

Readme

Keywords

Package Sidebar

Install

npm i @kushki/suka-material-ui-theme

Weekly Downloads

1

Version

1.0.4

License

MIT

Unpacked Size

584 kB

Total Files

7

Last publish

Collaborators

  • ksk.e.trejo
  • david.rubio
  • raulpatricio.molina
  • vania.santacruz
  • dbeltran
  • franz.lopez
  • jaguilar0220
  • rai_delgado
  • efren.islas
  • steevenorbe
  • gerardoguti
  • irenereyesalvarado
  • brayan.kushki
  • steven_aizaga
  • hnoriega92
  • andresrairankushki
  • nickyvc
  • alanysrojas
  • marco_garofalo
  • erodriguez
  • mateoepalzar
  • bromanc
  • daros10
  • dubalquevedo
  • luis16espin
  • dennisesandoval
  • fredohdzn
  • kvivasquez
  • cadavi
  • wilmer.tayupanta
  • oscarkushki
  • brass12345
  • diego_crespo
  • jeankushki
  • josemochoa
  • david_moreno
  • roberth_jcn
  • cdsuarezsk
  • ropaku
  • psanchez12
  • nicolas.benavides
  • santiago_cuascota
  • domenica.jimenez
  • michael.zaquinaula
  • jose.antamba
  • carlosfreire
  • jean.castillo
  • marcoantonio.cabrejos
  • lesly_tello
  • kathlen.apaza
  • dario.saa
  • nilson.amaya
  • alexxsuquillo
  • steven.tabango
  • luis.contreras
  • jeanpineda
  • erika.silva
  • christian.mena
  • daniel_angulo
  • jose.gallegos
  • jonathan.andrade
  • cristophercuzco
  • misael.delgado
  • jorgetinoco
  • angel.molina
  • renato.chulca
  • alexander.casias
  • gabrielyanez
  • accel.guaman
  • alandruet