1.0.0 • Published 4 years ago

@crowdhub/crowdhub-components-library v1.0.0

Weekly downloads
-
License
-
Repository
-
Last release
4 years ago

CrowdHub Component Library

Installation

yarn add @crowdhub/crowdhub-components-library

Usage

Theme

Applying theme to the CrowdHub and MaterialUI components.

import { ThemeModeToggle, CrowdHubThemeProvider } from '@crowdhub/crowdhub-components-library/theme'
import { IonicPalette } from '@crowdhub/crowdhub-components-library/models'
import React, { useState } from 'react';

/* Core CSS required for Ionic components to work properly */
import '@ionic/react/css/ionic.bundle.css';

const initialPalette: IonicPalette = {
  primary: '#BF2E92',
  secondary: '#271836',
  tertiary: '#d506fa',
  success: '#2DD36F',
  warning: '#FFC409',
  danger: '#EB445A',
  dark: '#222428',
  medium: '#92949C',
  light: '#F4F5F8',
  coefficient: 0.07,
};


const App: React.FC = () => {
  const [palette, setPalette] = useState<IonicPalette>(initialPalette);
  const [darkPalette, setDarkPalette] =
    useState<IonicPalette>(initialDarkPalette);
  const [themeMode, setThemeMode] = useState<ThemeMode>('light');

  const onThemeModeChange = (mode: ThemeMode) => {
    setThemeMode(mode);
  };

  return (
          <CrowdHubThemeProvider
            palette={palette}
            darkPalette={darkPalette}
            themeMode={themeMode}
            darkModeCoefficient={0.3}
          >
          <ThemeModeToggle onChange={onThemeModeChange} />
    </ThemeProvider>
  );
}
1.0.0

4 years ago

0.1.3

4 years ago

0.1.0

4 years ago

0.1.2

4 years ago

0.1.1

4 years ago

0.0.35

4 years ago

0.0.36

4 years ago

0.0.34

4 years ago

0.0.32

4 years ago

0.0.33

4 years ago

0.0.31

4 years ago

0.0.30

4 years ago

0.0.27

4 years ago

0.0.28

4 years ago

0.0.29

4 years ago

0.0.26

4 years ago

0.0.25

4 years ago

0.0.24

4 years ago

0.0.21

4 years ago

0.0.22

4 years ago

0.0.23

4 years ago

0.0.20-beta.4

4 years ago

0.0.20-beta.5

4 years ago

0.0.20-beta.1

4 years ago

0.0.20-beta.2

4 years ago

0.0.20-beta.3

4 years ago

0.0.13

4 years ago

0.0.14

4 years ago

0.0.15

4 years ago

0.0.16

4 years ago

0.0.17

4 years ago

0.0.18

4 years ago

0.0.19

4 years ago

0.0.12

4 years ago

0.0.11

4 years ago

0.0.10

4 years ago

0.0.9

4 years ago

0.0.8

4 years ago

0.0.7

4 years ago

0.0.6

4 years ago

0.0.5

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago