5.0.0 • Published 5 months ago

@shelf/bem v5.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
5 months 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

5 months ago

4.0.5

6 months ago

4.0.4

6 months ago

4.0.7

6 months ago

4.0.6

6 months ago

4.0.1

10 months ago

4.0.0

10 months ago

4.0.3

10 months ago

4.0.2

10 months ago

4.0.8

6 months ago

3.0.3

1 year ago

3.0.2

1 year ago

3.0.1

2 years ago

2.4.0

2 years ago

2.3.146

2 years ago

2.3.145

2 years ago

2.3.144

2 years ago

2.3.143

2 years ago

2.3.142

2 years ago

2.3.141

2 years ago

2.3.140

2 years ago

2.3.139

2 years ago

2.3.138

2 years ago

2.3.137

2 years ago

2.3.136

2 years ago

2.3.135

2 years ago

2.3.134

2 years ago

2.3.133

2 years ago

2.3.132

2 years ago

2.3.131

2 years ago

2.3.130

2 years ago

2.3.129

2 years ago

2.3.128

2 years ago

2.3.127

2 years ago

2.3.126

2 years ago

2.3.125

2 years ago

2.3.124

2 years ago

2.3.123

2 years ago

2.3.122

2 years ago

2.3.121

2 years ago

2.3.120

2 years ago

2.3.119

2 years ago

2.3.118

2 years ago

2.3.117

2 years ago

2.3.116

2 years ago

2.3.115

2 years ago

2.3.114

2 years ago

2.3.113

2 years ago

2.3.112

2 years ago

2.3.111

2 years ago

2.3.110

2 years ago

2.3.109

2 years ago

2.3.108

2 years ago

2.3.107

2 years ago

2.3.106

2 years ago

2.3.105

2 years ago

2.3.104

2 years ago

2.3.103

2 years ago

2.3.102

2 years ago

2.3.101

2 years ago

2.3.100

2 years ago

2.3.99

2 years ago

2.3.98

2 years ago

2.3.97

2 years ago

2.3.96

2 years ago

2.3.95

2 years ago

2.3.94

2 years ago

2.3.93

2 years ago

2.3.92

2 years ago

2.3.91

2 years ago

2.3.90

2 years ago

2.3.89

2 years ago

2.3.88

2 years ago

2.3.87

2 years ago

2.3.86

2 years ago

2.3.85

2 years ago

2.3.84

2 years ago

2.3.83

2 years ago

2.3.82

2 years ago

2.3.81

2 years ago

2.3.80

2 years ago

2.3.79

2 years ago

2.3.78

2 years ago

2.3.77

2 years ago

2.3.76

2 years ago

2.3.75

2 years ago

2.3.74

2 years ago

2.3.73

2 years ago

2.3.72

2 years ago

2.3.71

2 years ago

2.3.70

2 years ago

2.3.69

2 years ago

2.3.68

2 years ago

2.3.67

2 years ago

2.3.66

2 years ago

2.3.65

2 years ago

2.3.64

2 years ago

2.3.63

2 years ago

2.3.62

2 years ago

2.3.61

2 years ago

2.3.60

2 years ago

2.3.59

3 years ago

2.3.57

3 years ago

2.3.56

3 years ago

2.3.55

3 years ago

2.3.54

3 years ago

2.3.53

3 years ago

2.3.52

3 years ago

2.3.51

3 years ago

2.3.50

3 years ago

2.3.49

3 years ago

2.3.48

3 years ago

2.3.47

3 years ago

2.3.46

3 years ago

2.3.45

3 years ago

2.3.44

3 years ago

2.3.43

3 years ago

2.3.40

3 years ago

2.3.39

3 years ago

2.3.38

3 years ago

2.3.37

3 years ago

2.3.36

3 years ago

2.3.35

3 years ago

2.3.34

3 years ago

2.3.33

3 years ago

2.3.32

3 years ago

2.3.31

3 years ago

2.3.30

3 years ago

2.3.29

3 years ago

2.3.28

3 years ago

2.3.27

3 years ago

2.3.26

3 years ago

2.3.25

3 years ago

2.3.24

3 years ago

2.3.23

3 years ago

2.3.22

3 years ago

2.3.21

3 years ago

2.3.20

3 years ago

2.3.19

3 years ago

2.3.18

3 years ago

2.3.17

3 years ago

2.3.16

3 years ago

2.3.15

3 years ago

2.3.14

3 years ago

2.3.13

3 years ago

2.3.12

3 years ago

2.3.10

3 years ago

2.3.9

3 years ago

2.3.8

3 years ago

2.3.7

3 years ago

2.3.6

3 years ago

2.3.5

3 years ago

2.3.4

3 years ago

2.3.3

3 years ago

2.3.2

3 years ago

2.3.1

3 years ago

2.3.0

3 years ago

2.1.2

3 years ago

2.1.1

3 years ago

2.1.0

3 years ago

2.0.16

3 years ago

2.0.15

3 years ago

2.0.14

3 years ago

2.0.13

3 years ago

2.0.12

3 years ago

2.0.11

3 years ago

2.0.10

3 years ago

2.0.9

3 years ago

2.0.8

3 years ago

2.0.6

3 years ago

2.0.5

3 years ago

2.0.4

3 years ago

2.0.3

3 years ago

2.0.2

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago

1.3.20

3 years ago

1.3.19

3 years ago

1.3.18

3 years ago

1.3.17

3 years ago

1.3.16

3 years ago

1.3.15

3 years ago

1.3.14

3 years ago

1.3.13

3 years ago

1.3.12

3 years ago

1.3.11

3 years ago

1.3.10

3 years ago

1.3.9

3 years ago

1.3.8

3 years ago

1.3.7

3 years ago

1.3.6

3 years ago

1.3.5

3 years ago

1.3.4

3 years ago

1.3.3

3 years ago

1.3.2

3 years ago

1.3.0

4 years ago

1.2.2

4 years ago

1.2.1

4 years ago

1.2.0

4 years ago

1.1.11

4 years ago

1.1.10

5 years ago

1.1.9

5 years ago

1.1.8

5 years ago

1.1.7

5 years ago

1.1.6

5 years ago

1.1.5

5 years ago

1.1.4

5 years ago

1.1.2

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.7

5 years ago

1.0.6

5 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.0

6 years ago