1.0.0 • Published 3 years ago
@crowdhub/crowdhub-components-library v1.0.0
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
3 years ago
0.1.3
3 years ago
0.1.0
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.0.35
3 years ago
0.0.36
3 years ago
0.0.34
3 years ago
0.0.32
3 years ago
0.0.33
3 years ago
0.0.31
3 years ago
0.0.30
3 years ago
0.0.27
3 years ago
0.0.28
3 years ago
0.0.29
3 years ago
0.0.26
3 years ago
0.0.25
3 years ago
0.0.24
3 years ago
0.0.21
3 years ago
0.0.22
3 years ago
0.0.23
3 years ago
0.0.20-beta.4
3 years ago
0.0.20-beta.5
3 years ago
0.0.20-beta.1
3 years ago
0.0.20-beta.2
3 years ago
0.0.20-beta.3
3 years ago
0.0.13
3 years ago
0.0.14
3 years ago
0.0.15
3 years ago
0.0.16
3 years ago
0.0.17
3 years ago
0.0.18
3 years ago
0.0.19
3 years ago
0.0.12
3 years ago
0.0.11
3 years ago
0.0.10
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago