5.0.0 • Published 2 years ago

@shelf/bem v5.0.0

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

Shelf/bem CircleCInpm.io

Slim version of bem-cn without mixins, state and other stuff.

Install

$ yarn add @shelf/bem

Usage

import {block} from '@shelf/bem';

const b = block('nav-item');

function NavLink({isActive, href, icon, name}) {
  return (
    <li className={b({active: isActive})}> // .nav-item .nav-item--active
      <Icon icon={icon} className={b('icon')} /> // .nav-item__icon
      <a href={href} className={b('link')}>  // .nav-item__link
        {name}
      </a>
    </li>
  );
}

API

block

You can pass either element or modifiers as a first argument. Modifies can be passed as an array or object.

import {block} from '@shelf/bem';

const b = block('nav-item');

b(); // nav-item
b('link'); // nav-item__link
b(['active']); // nav-item nav-item--active
b({active: true}); // nav-item nav-item--active

Second argument is modifiers & could be combined with element. You can pass them as an array or object.

const isActive = true;
b('link', [isActive && 'active']); // nav-item__link nav-item__link--active

const isSelected = true;
b('link', {selecter: isSelected}); // nav-item__link nav-item__link--selected

setup

You can setup your own delimiters for element and modifier

import {setup} from '@shelf/bem';

const block = setup({el: '_', mod: '-'});
const b = block('nav-item');

b('link'); // nav-item_link
b('link', ['active']); // nav-item_link nav-item_link-active

Additionally you can pass ns to customize namespace

const block = setup({ns: 'my-app-'});
const b = block('nav-item');

b(); // my-app-nav-item

You can also provide custom classMap to map your class names to bem class names. Helpful when you want to use bem with css modules.

import {setup} from '@shelf/bem';

const block = setup({classMap: {'nav-item__link': 'nav-item__link-13'}});
const b = block('nav-item');

b('link'); // nav-item__link-13

Publish

$ git checkout master
$ yarn version
$ yarn publish
$ git push origin master --tags

License

MIT © Shelf

shelf-app-agent-assist@infinitebrahmanuniverse/nolb-_she@everything-registry/sub-chunk-829@zalastax/nolb-_she
5.0.0

2 years ago

4.0.5

2 years ago

4.0.4

2 years ago

4.0.7

2 years ago

4.0.6

2 years ago

4.0.1

2 years ago

4.0.0

2 years ago

4.0.3

2 years ago

4.0.2

2 years ago

4.0.8

2 years ago

3.0.3

2 years ago

3.0.2

3 years ago

3.0.1

3 years ago

2.4.0

3 years ago

2.3.146

3 years ago

2.3.145

3 years ago

2.3.144

3 years ago

2.3.143

3 years ago

2.3.142

3 years ago

2.3.141

3 years ago

2.3.140

3 years ago

2.3.139

3 years ago

2.3.138

3 years ago

2.3.137

3 years ago

2.3.136

3 years ago

2.3.135

3 years ago

2.3.134

3 years ago

2.3.133

3 years ago

2.3.132

3 years ago

2.3.131

3 years ago

2.3.130

3 years ago

2.3.129

3 years ago

2.3.128

3 years ago

2.3.127

3 years ago

2.3.126

3 years ago

2.3.125

3 years ago

2.3.124

3 years ago

2.3.123

3 years ago

2.3.122

3 years ago

2.3.121

3 years ago

2.3.120

3 years ago

2.3.119

3 years ago

2.3.118

3 years ago

2.3.117

3 years ago

2.3.116

3 years ago

2.3.115

3 years ago

2.3.114

3 years ago

2.3.113

3 years ago

2.3.112

3 years ago

2.3.111

3 years ago

2.3.110

3 years ago

2.3.109

3 years ago

2.3.108

3 years ago

2.3.107

3 years ago

2.3.106

3 years ago

2.3.105

3 years ago

2.3.104

3 years ago

2.3.103

3 years ago

2.3.102

3 years ago

2.3.101

3 years ago

2.3.100

3 years ago

2.3.99

3 years ago

2.3.98

3 years ago

2.3.97

3 years ago

2.3.96

3 years ago

2.3.95

3 years ago

2.3.94

3 years ago

2.3.93

3 years ago

2.3.92

3 years ago

2.3.91

3 years ago

2.3.90

3 years ago

2.3.89

3 years ago

2.3.88

3 years ago

2.3.87

3 years ago

2.3.86

3 years ago

2.3.85

3 years ago

2.3.84

3 years ago

2.3.83

3 years ago

2.3.82

3 years ago

2.3.81

3 years ago

2.3.80

3 years ago

2.3.79

3 years ago

2.3.78

3 years ago

2.3.77

3 years ago

2.3.76

3 years ago

2.3.75

3 years ago

2.3.74

3 years ago

2.3.73

3 years ago

2.3.72

3 years ago

2.3.71

3 years ago

2.3.70

3 years ago

2.3.69

3 years ago

2.3.68

3 years ago

2.3.67

3 years ago

2.3.66

3 years ago

2.3.65

3 years ago

2.3.64

3 years ago

2.3.63

3 years ago

2.3.62

3 years ago

2.3.61

3 years ago

2.3.60

3 years ago

2.3.59

4 years ago

2.3.57

4 years ago

2.3.56

4 years ago

2.3.55

4 years ago

2.3.54

4 years ago

2.3.53

4 years ago

2.3.52

4 years ago

2.3.51

4 years ago

2.3.50

4 years ago

2.3.49

4 years ago

2.3.48

4 years ago

2.3.47

4 years ago

2.3.46

4 years ago

2.3.45

4 years ago

2.3.44

4 years ago

2.3.43

4 years ago

2.3.40

4 years ago

2.3.39

4 years ago

2.3.38

4 years ago

2.3.37

4 years ago

2.3.36

4 years ago

2.3.35

4 years ago

2.3.34

4 years ago

2.3.33

4 years ago

2.3.32

4 years ago

2.3.31

4 years ago

2.3.30

4 years ago

2.3.29

4 years ago

2.3.28

4 years ago

2.3.27

4 years ago

2.3.26

4 years ago

2.3.25

4 years ago

2.3.24

4 years ago

2.3.23

4 years ago

2.3.22

4 years ago

2.3.21

4 years ago

2.3.20

4 years ago

2.3.19

4 years ago

2.3.18

4 years ago

2.3.17

4 years ago

2.3.16

4 years ago

2.3.15

4 years ago

2.3.14

4 years ago

2.3.13

4 years ago

2.3.12

4 years ago

2.3.10

4 years ago

2.3.9

4 years ago

2.3.8

4 years ago

2.3.7

4 years ago

2.3.6

4 years ago

2.3.5

4 years ago

2.3.4

4 years ago

2.3.3

4 years ago

2.3.2

4 years ago

2.3.1

4 years ago

2.3.0

4 years ago

2.1.2

4 years ago

2.1.1

4 years ago

2.1.0

4 years ago

2.0.16

4 years ago

2.0.15

4 years ago

2.0.14

4 years ago

2.0.13

4 years ago

2.0.12

4 years ago

2.0.11

4 years ago

2.0.10

4 years ago

2.0.9

4 years ago

2.0.8

4 years ago

2.0.6

4 years ago

2.0.5

4 years ago

2.0.4

4 years ago

2.0.3

4 years ago

2.0.2

4 years ago

2.0.1

4 years ago

2.0.0

4 years ago

1.3.20

4 years ago

1.3.19

4 years ago

1.3.18

4 years ago

1.3.17

4 years ago

1.3.16

4 years ago

1.3.15

4 years ago

1.3.14

4 years ago

1.3.13

4 years ago

1.3.12

4 years ago

1.3.11

4 years ago

1.3.10

4 years ago

1.3.9

4 years ago

1.3.8

4 years ago

1.3.7

4 years ago

1.3.6

4 years ago

1.3.5

4 years ago

1.3.4

4 years ago

1.3.3

4 years ago

1.3.2

5 years ago

1.3.0

5 years ago

1.2.2

5 years ago

1.2.1

5 years ago

1.2.0

5 years ago

1.1.11

6 years ago

1.1.10

6 years ago

1.1.9

6 years ago

1.1.8

6 years ago

1.1.7

6 years ago

1.1.6

6 years ago

1.1.5

6 years ago

1.1.4

6 years ago

1.1.2

6 years ago

1.1.1

6 years ago

1.1.0

6 years ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.0

7 years ago