1.1.3 • Published 5 months ago

@synerise/ds-button-group v1.1.3

Weekly downloads
505
License
ISC
Repository
github
Last release
5 months ago

id: button-group

title: Button-Group

A group of buttons is used to wrap a series of buttons.

When to use it

  • To combine primary and secondary buttons.
  • To allow users to navigate between several separate tabs with options in a main screen.

Component anatomy

This is a complex component, which means that it may consist of other components:

Installation

npm i @synerise/ds-button-group

or

yarn add @synerise/ds-button-group

Usage

import ButtonGroup from '@synerise/ds-button-group'


<ButtonGroup
  title={'Some title'}
  size={'large'}
  description={'Some description'}
>
  <Button onClick={() => alert('Clicked!')}>Click me!</Button>
  <Button onClick={() => alert('Clicked!')}>Click me!</Button>
  <Button onClick={() => alert('Clicked!')}>Click me!</Button>
</ButtonGroup>

API

PropertyDescriptionTypeDefault
titleThe title of the groupstring-
descriptionThe description of the groupstring-
sizeDefines the size of the button.small/ middle / largemiddle
buttonsPositionDefines the horizontal position of buttons.left / center / rightcenter
fullWidthSet buttons width to fill all available spacebooleanfalse
childrenButtons used in the groupReact.ReactNode-
splitModeEnables split mode - adds borders to single-icon buttonsbooleanfalse
1.1.1

6 months ago

1.1.0

6 months ago

1.1.3

5 months ago

1.1.2

6 months ago

1.0.2

8 months ago

1.0.1

8 months ago

1.0.0

8 months ago

1.0.8

6 months ago

1.0.7

7 months ago

1.0.6

7 months ago

1.0.5

7 months ago

1.0.4

8 months ago

1.0.3

8 months ago

0.8.4

8 months ago

0.8.3

9 months ago

0.8.2

9 months ago

0.8.1

9 months ago

0.8.0

10 months ago

0.7.29

10 months ago

0.7.28

10 months ago

0.7.22

1 year ago

0.7.21

1 year ago

0.7.24

12 months ago

0.7.23

12 months ago

0.7.26

12 months ago

0.7.25

12 months ago

0.7.27

11 months ago

0.7.20

1 year ago

0.7.19

1 year ago

0.7.18

1 year ago

0.7.17

1 year ago

0.7.16

1 year ago

0.7.2

1 year ago

0.7.1

1 year ago

0.7.4

1 year ago

0.7.3

1 year ago

0.7.9

1 year ago

0.7.6

1 year ago

0.7.5

1 year ago

0.7.8

1 year ago

0.7.7

1 year ago

0.7.11

1 year ago

0.7.10

1 year ago

0.7.13

1 year ago

0.7.12

1 year ago

0.7.15

1 year ago

0.7.14

1 year ago

0.7.0

2 years ago

0.6.49

2 years ago

0.6.48

2 years ago

0.6.47

2 years ago

0.6.46

2 years ago

0.6.45

2 years ago

0.6.44

2 years ago

0.6.43

2 years ago

0.6.42

2 years ago

0.6.41

2 years ago

0.6.40

2 years ago

0.6.39

2 years ago

0.6.38

2 years ago

0.6.37

2 years ago

0.6.36

2 years ago

0.6.29

2 years ago

0.6.28

2 years ago

0.6.27

2 years ago

0.6.32

2 years ago

0.6.31

2 years ago

0.6.34

2 years ago

0.6.33

2 years ago

0.6.30

2 years ago

0.6.35

2 years ago

0.6.26

2 years ago

0.6.25

2 years ago

0.6.23

2 years ago

0.6.22

2 years ago

0.6.24

2 years ago

0.6.21

3 years ago

0.6.20

3 years ago

0.6.19

3 years ago

0.6.18

3 years ago

0.6.17

3 years ago

0.6.16

3 years ago

0.6.15

3 years ago

0.6.12

3 years ago

0.6.14

3 years ago

0.6.13

3 years ago

0.6.9

4 years ago

0.6.7

4 years ago

0.6.8

4 years ago

0.6.6

4 years ago

0.6.5

4 years ago

0.6.4

4 years ago

0.6.3

4 years ago

0.6.2

4 years ago

0.6.1

4 years ago

0.6.0

4 years ago

0.5.127

4 years ago

0.5.125

4 years ago

0.5.126

4 years ago

0.5.124

4 years ago

0.5.121

4 years ago

0.5.123

4 years ago

0.5.122

4 years ago

0.5.120

4 years ago

0.5.119

4 years ago

0.5.118

4 years ago

0.5.117

4 years ago

0.5.116

4 years ago

0.5.115

4 years ago

0.5.114

4 years ago

0.5.113

4 years ago

0.5.110

5 years ago

0.5.105

5 years ago

0.5.107

5 years ago

0.5.106

5 years ago

0.5.104

5 years ago

0.5.103

5 years ago

0.5.102

5 years ago

0.5.101

5 years ago

0.5.100

5 years ago

0.5.98

5 years ago

0.5.99

5 years ago

0.5.96

5 years ago

0.5.97

5 years ago

0.5.95

5 years ago

0.5.94

5 years ago

0.5.93

5 years ago

0.5.92

5 years ago

0.5.91

5 years ago

0.5.90

5 years ago

0.5.89

5 years ago

0.5.88

5 years ago

0.5.87

5 years ago

0.5.86

5 years ago

0.5.84

5 years ago

0.5.83

5 years ago

0.5.82

5 years ago

0.5.81

5 years ago

0.5.80

5 years ago

0.5.79

5 years ago

0.5.78

5 years ago

0.5.77

5 years ago

0.5.76

5 years ago

0.5.75

5 years ago

0.5.74

5 years ago

0.5.73

5 years ago

0.5.72

5 years ago

0.5.71

5 years ago

0.5.70

5 years ago

0.5.69

5 years ago

0.5.68

5 years ago

0.5.67

5 years ago

0.5.66

5 years ago

0.5.65

5 years ago

0.5.64

5 years ago

0.5.63

5 years ago

0.5.62

5 years ago

0.5.61

5 years ago

0.5.59

5 years ago

0.5.58

5 years ago

0.5.56

5 years ago

0.5.57

5 years ago

0.5.55

5 years ago

0.5.54

5 years ago

0.5.53

5 years ago

0.5.52

5 years ago

0.5.51

5 years ago

0.5.50

5 years ago

0.5.49

5 years ago

0.5.48

5 years ago

0.5.47

5 years ago

0.5.46

5 years ago

0.5.44

5 years ago

0.5.45

5 years ago

0.5.43

5 years ago

0.5.42

5 years ago

0.5.41

5 years ago

0.5.40

5 years ago

0.5.39

5 years ago

0.5.38

5 years ago

0.5.37

5 years ago

0.5.36

5 years ago

0.5.35

5 years ago

0.5.34

5 years ago

0.5.33

5 years ago

0.5.32

5 years ago

0.5.31

5 years ago

0.5.30

5 years ago

0.5.29

5 years ago

0.5.28

5 years ago

0.5.27

5 years ago

0.5.26

5 years ago

0.5.25

6 years ago

0.5.24

6 years ago

0.5.23

6 years ago

0.5.22

6 years ago

0.5.21

6 years ago

0.5.20

6 years ago

0.5.19

6 years ago

0.5.18

6 years ago

0.5.17

6 years ago

0.5.16

6 years ago

0.5.14

6 years ago

0.5.15

6 years ago

0.5.13

6 years ago

0.5.12

6 years ago

0.5.11

6 years ago

0.5.10

6 years ago

0.5.9

6 years ago

0.5.8

6 years ago

0.5.7

6 years ago

0.5.6

6 years ago

0.5.5

6 years ago

0.5.4

6 years ago

0.5.3

6 years ago

0.5.2

6 years ago

0.5.1

6 years ago

0.4.9

6 years ago

0.4.8

6 years ago

0.5.0

6 years ago

0.4.7

6 years ago

0.4.5

6 years ago

0.4.6

6 years ago

0.4.4

6 years ago

0.4.3

6 years ago

0.4.1

6 years ago

0.4.2

6 years ago

0.4.0

6 years ago

0.3.15

6 years ago

0.3.14

6 years ago

0.3.13

6 years ago

0.3.12

6 years ago

0.3.11

6 years ago

0.3.10

6 years ago

0.3.9

6 years ago

0.3.8

6 years ago

0.3.7

6 years ago

0.3.6

6 years ago

0.3.5

6 years ago

0.3.4

6 years ago

0.3.3

6 years ago

0.3.0

6 years ago

0.3.2

6 years ago

0.3.1

6 years ago

0.2.10

6 years ago

0.2.9

6 years ago

0.2.8

6 years ago

0.2.7

6 years ago

0.2.6

6 years ago

0.2.5

6 years ago

0.2.4

6 years ago

0.2.3

6 years ago

0.2.2

6 years ago

0.2.1

6 years ago

0.2.0

6 years ago

0.1.9

6 years ago

0.1.8

6 years ago

0.1.7

6 years ago

0.1.6

6 years ago

0.1.5

6 years ago

0.1.4

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago

0.0.1

6 years ago