0.8.28-theming.102 • Published 2 years ago

@smartgift/hero-ui-library v0.8.28-theming.102

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

HeroUI

hero-ui is a react library with a set of components ready to use in your project.

There're plenty of libraries available in react that will help you to increase your productivity however most of them contain a lot of css and are really hard to style based on your project's requirements.

Installation

To use hero-ui you need to type in your terminal:

yarn add @smartgift/hero-ui-library

Usage

First we need to wrap our application with <ThemeProvider> component.

import {ThemeProvider} from '@smartgift/hero-ui-library`;

function App() {
  return (
    <ThemeProvider>
      ...
    </ThemeProvider>
  )
}

After you wrapped your app with our ThemeProvider you can use all the components with our default theme.

For example:

import {Button} from '@smartgift/hero-ui-library`;

function App() {
  return (
    <Button onClick={()=>{}}>
      Click me
    </Button>
  )
}

Styling

We set all of our styling by styled-components. And we send the styling with the components as 'S'. (We import all styles as S and set it like this Component.S = S). You will understand more clear. Look at below.

/* /src/components/style.tsx */
import styled from 'styled-components';

const Button = styled.button``;

export { Button };
/* /src/components/Button.tsx */
import * as S from './style'

const Button = () => {...}

Button.S = S

and you can import our button your project and change its style like below.

/* /yourProject/anystyle.{jsx/tsx} */
import styled from 'styled-components';
import { Button } from '@smartgift/hero-ui-library';

const StyledButton = styled(Button)`
  background-color: red;
`;

export { StyledButton as Button };
1.0.0-alpha.19

2 years ago

1.0.0-alpha.10

2 years ago

1.0.0-alpha.15

2 years ago

1.0.0-alpha.18

2 years ago

1.0.0-alpha.17

2 years ago

1.0.0-alpha.12

2 years ago

1.0.0-alpha.11

2 years ago

1.0.0-alpha.13

2 years ago

1.0.0-alpha.21

2 years ago

1.0.0-alpha.20

2 years ago

1.0.0-alpha.22

2 years ago

1.0.0-alpha.25

2 years ago

1.0.0-alpha.24

2 years ago

1.0.0-alpha.8

2 years ago

1.0.0-alpha.7

2 years ago

1.0.0-alpha.6

2 years ago

1.0.0-alpha.5

2 years ago

1.0.0-alpha.4

2 years ago

1.0.0-alpha.3

2 years ago

1.0.0-alpha.2

2 years ago

1.0.0-alpha.1

2 years ago

1.0.0-alpha.0

2 years ago

0.8.28-beta.0

2 years ago

0.8.28-beta.2

2 years ago

0.8.28-beta.1

2 years ago

0.8.28-beta.4

2 years ago

0.8.28-beta.3

2 years ago

0.8.28-beta.6

2 years ago

0.8.28-beta.8

2 years ago

0.8.28-beta.7

2 years ago

0.8.28-beta.9

2 years ago

2.0.1-alpha.6

2 years ago

2.0.1-alpha.7

2 years ago

2.0.1-alpha.8

2 years ago

2.0.1-alpha.9

2 years ago

2.0.1-alpha.5

2 years ago

0.8.28-theming.5

2 years ago

0.8.28-theming.6

2 years ago

0.8.28-theming.3

2 years ago

0.8.28-theming.4

2 years ago

0.8.28-theming.9

2 years ago

0.8.28-theming.7

2 years ago

0.8.28-theming.8

2 years ago

0.8.28-theming.1

2 years ago

0.8.28-theming.2

2 years ago

0.8.28-beta.20

2 years ago

0.8.28-beta.22

2 years ago

0.8.28-beta.21

2 years ago

0.8.28-beta.24

2 years ago

0.8.28-beta.23

2 years ago

0.8.28-beta.26

2 years ago

0.8.28-beta.25

2 years ago

0.8.28-beta.16

2 years ago

0.8.28-beta.19

2 years ago

0.8.28-beta.18

2 years ago

0.8.28-theming-0

2 years ago

0.8.28-beta.11

2 years ago

0.8.28-beta.10

2 years ago

0.8.28-beta.13

2 years ago

0.8.28-beta.12

2 years ago

0.8.28-beta.15

2 years ago

0.8.28-beta.14

2 years ago

2.0.1-alpha.11

2 years ago

2.0.1-alpha.12

2 years ago

2.0.1-alpha.10

2 years ago

0.8.27-beta.0

2 years ago

0.8.2-6.beta.1

2 years ago

2.0.0-beta.19

2 years ago

0.8.27

2 years ago

0.8.28

2 years ago

2.0.1-alpha.0

2 years ago

2.0.1-alpha.1

2 years ago

2.0.1-alpha.2

2 years ago

2.0.1-alpha.3

2 years ago

2.0.1-alpha.4

2 years ago

2.0.0-beta.9

2 years ago

2.0.0-beta.8

2 years ago

2.0.0-beta.7

2 years ago

2.0.0-beta.2

2 years ago

2.0.0-beta.1

2 years ago

2.0.0-beta.0

2 years ago

2.0.0-beta.6

2 years ago

2.0.0-beta.5

2 years ago

2.0.0-beta.4

2 years ago

2.0.0-beta.3

2 years ago

2.0.0-beta.11

2 years ago

2.0.0-beta.10

2 years ago

2.0.0-beta.15

2 years ago

2.0.0-beta.14

2 years ago

2.0.0-beta.13

2 years ago

2.0.0-beta.12

2 years ago

2.0.0-beta.18

2 years ago

2.0.0-beta.17

2 years ago

2.0.0-beta.16

2 years ago

0.8.23

2 years ago

0.8.24

2 years ago

0.8.21

2 years ago

0.8.26

2 years ago

0.8.16

2 years ago

0.8.17

2 years ago

0.8.18-beta-0

2 years ago

0.8.9

2 years ago

0.7.33

3 years ago

0.8.8

2 years ago

0.7.32

3 years ago

0.7.35

3 years ago

0.7.34

3 years ago

0.8.5

2 years ago

0.8.4

2 years ago

0.7.31

3 years ago

7.0.21-cjs

3 years ago

7.0.1-input-ref

3 years ago

0.6.9-beta.5

3 years ago

0.6.9-beta.4

3 years ago

0.7.3

3 years ago

0.7.0

3 years ago

0.6.9-beta.1

3 years ago

7.0.1

3 years ago

0.7.21-cjs

3 years ago

0.7.2-cjs

3 years ago

0.6.8-beta.29

3 years ago

0.6.8-beta.28

3 years ago

0.6.9-beta.3

3 years ago

0.6.9-beta.2

3 years ago

0.6.9-beta.0

3 years ago

0.6.8-beta.38

3 years ago

0.6.8-beta.32

3 years ago

0.6.8-beta.33

3 years ago

0.6.8-beta.30

3 years ago

0.6.8-beta.31

3 years ago

0.6.8-beta.36

3 years ago

0.6.8-beta.37

3 years ago

0.6.8-beta.34

3 years ago

0.6.8-beta.35

3 years ago

0.6.8-beta.27

3 years ago

0.6.8-beta.22

3 years ago

0.6.8-beta.25

3 years ago

0.6.8-beta.26

3 years ago

0.6.8-beta.23

3 years ago

0.6.8-beta.24

3 years ago

0.6.8-sc-beta.2

3 years ago

1.0.0

3 years ago

0.6.8-beta.21

3 years ago

0.6.8-beta.20

3 years ago

0.6.8-beta-6

3 years ago

0.6.8-beta-7

3 years ago

0.6.8-beta-8

3 years ago

0.6.8-beta-9

3 years ago

0.6.8-beta-2

3 years ago

0.6.8-beta-3

3 years ago

0.6.8-beta-4

3 years ago

0.6.8-beta-5

3 years ago

0.6.8-beta.18

3 years ago

0.1.4-beta-1

3 years ago

0.6.8-beta.19

3 years ago

0.6.8-beta.16

3 years ago

0.6.8-beta.17

3 years ago

0.6.8-beta.11

3 years ago

0.6.8-beta-10

3 years ago

0.6.8-beta-1

3 years ago

0.6.8-beta.14

3 years ago

0.6.8-beta.15

3 years ago

0.6.8-beta.12

3 years ago

0.6.8-beta.13

3 years ago

0.0.0

3 years ago

0.6.8-sc-beta.1

3 years ago

0.6.8-sc-beta.0

3 years ago

0.0.8

3 years ago

0.1.4

3 years ago

0.0.7

3 years ago

0.0.1-beta.0

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