2.28.94 • Published 2 months ago

@symbo.ls/icon v2.28.94

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

IconText Component

A simple and flexible IconText component that displays an icon alongside some text. The component extends the Flex component and allows for easy customization.

Props

  • align: (string) Alignment of the icon and text. Default value is 'center center'.
  • lineHeight: (number) Line height of the text. Default value is 1.
  • icon: (string) The name of the icon to be displayed. This prop will be removed in the future.
  • name: (string) The name of the icon to be displayed.
  • text: (string) The text to be displayed alongside the icon.

Usage

import { IconText } from 'smbls';

const MyComponent = {
  IconText: {
    icon: 'star',
    text: 'Hello, World!'
  }
}

Customization

You can easily customize the appearance of the IconText component by passing additional props to the Icon or text components.

For example, you can change the color and size of the icon:

const MyComponent = {
  IconText: {
    Icon: {
      name: 'star',
      color: 'blue'
    },
    text: 'Hello, World!'
  }
}
@symbo.ls/atoms@symbo.ls/utils
@infinitebrahmanuniverse/nolb-_sym@everything-registry/sub-chunk-888@zalastax/nolb-_sym@symbo.ls/field@symbo.ls/form@symbo.ls/icon-text@symbo.ls/button@symbo.ls/card@symbo.ls/slidetabs@symbo.ls/sociallink@symbo.ls/paragraphbutton@symbo.ls/react-avatar@symbo.ls/uikit@symbo.ls/uploadbutton@symbo.ls/uploadfilemodal@symbo.ls/uploadingprocess@symbo.ls/uploadlabel@symbo.ls/sidebar@symbo.ls/react-icon@symbo.ls/indicator@symbo.ls/accessories
2.27.11

4 months ago

2.27.10

4 months ago

2.27.18

4 months ago

2.27.16

4 months ago

2.27.15

4 months ago

3.1.1

4 months ago

3.0.2

5 months ago

3.0.1

5 months ago

3.0.6

5 months ago

2.28.93

2 months ago

2.28.94

2 months ago

2.28.92

2 months ago

2.28.1

4 months ago

2.28.2

4 months ago

2.28.69

3 months ago

2.28.66

3 months ago

2.28.67

3 months ago

2.28.64

3 months ago

2.28.65

3 months ago

2.28.62

3 months ago

2.27.8

4 months ago

2.28.63

3 months ago

2.28.61

3 months ago

2.27.0

4 months ago

2.28.57

3 months ago

2.28.58

3 months ago

2.28.55

3 months ago

2.28.56

3 months ago

2.28.53

3 months ago

2.28.54

3 months ago

2.28.51

4 months ago

2.28.52

4 months ago

2.28.50

4 months ago

2.28.59

3 months ago

2.28.88

2 months ago

2.28.89

2 months ago

2.28.87

2 months ago

2.28.84

2 months ago

2.28.85

2 months ago

2.28.82

2 months ago

2.28.83

2 months ago

2.28.80

3 months ago

2.28.81

2 months ago

3.0.100

5 months ago

2.28.79

3 months ago

2.28.77

3 months ago

2.28.78

3 months ago

2.28.75

3 months ago

2.28.76

3 months ago

2.28.73

3 months ago

2.28.71

3 months ago

2.28.72

3 months ago

2.28.70

3 months ago

2.11.530

5 months ago

2.28.25

4 months ago

2.28.23

4 months ago

2.25.3

5 months ago

2.25.2

5 months ago

2.25.1

5 months ago

2.28.28

4 months ago

2.28.29

4 months ago

2.28.26

4 months ago

2.28.27

4 months ago

2.28.18

4 months ago

2.28.46

4 months ago

2.28.47

4 months ago

2.28.44

4 months ago

2.28.45

4 months ago

2.28.40

4 months ago

2.28.41

4 months ago

2.28.48

4 months ago

2.28.49

4 months ago

2.28.36

4 months ago

2.28.34

4 months ago

2.28.31

4 months ago

2.11.523

5 months ago

2.11.524

5 months ago

2.11.525

5 months ago

2.28.30

4 months ago

2.11.527

5 months ago

2.11.528

5 months ago

2.28.37

4 months ago

2.11.521

5 months ago

2.11.522

5 months ago

2.11.515

7 months ago

2.11.517

6 months ago

2.11.514

7 months ago

2.11.500

8 months ago

2.11.504

8 months ago

2.11.474

9 months ago

2.11.497

8 months ago

2.11.475

9 months ago

2.11.476

9 months ago

2.11.477

9 months ago

2.11.512

7 months ago

2.11.480

8 months ago

2.11.482

8 months ago

2.11.491

8 months ago

2.11.495

8 months ago

2.11.455

10 months ago

2.11.464

10 months ago

2.11.465

10 months ago

2.11.467

10 months ago

2.11.468

10 months ago

2.11.469

10 months ago

2.11.470

10 months ago

2.11.471

10 months ago

2.11.472

10 months ago

2.11.473

10 months ago

2.11.453

10 months ago

2.11.446

10 months ago

2.11.447

10 months ago

2.11.450

10 months ago

2.11.451

10 months ago

2.11.398

1 year ago

2.11.410

12 months ago

2.11.389

1 year ago

2.11.427

11 months ago

2.11.390

1 year ago

2.11.394

1 year ago

2.11.401

1 year ago

2.11.402

1 year ago

2.11.375

1 year ago

2.11.373

1 year ago

2.11.371

1 year ago

2.11.358

1 year ago

2.11.360

1 year ago

2.11.315

1 year ago

2.11.178

2 years ago

2.11.212

2 years ago

2.11.179

2 years ago

2.11.215

2 years ago

2.11.89

2 years ago

2.11.220

2 years ago

2.11.221

2 years ago

2.11.189

2 years ago

2.11.90

2 years ago

2.11.197

2 years ago

2.11.231

2 years ago

2.11.198

2 years ago

2.11.162

2 years ago

2.11.164

2 years ago

2.11.169

2 years ago

2.11.204

2 years ago

2.11.170

2 years ago

2.11.175

2 years ago

2.11.132

2 years ago

2.11.210

2 years ago

2.11.177

2 years ago

2.11.75

2 years ago

2.11.76

2 years ago

2.11.16

2 years ago

2.11.24

2 years ago

2.11.36

2 years ago

2.10.259

2 years ago

2.10.266

2 years ago

2.10.222

2 years ago

2.10.188

2 years ago

2.11.5

2 years ago

2.10.277

2 years ago

2.10.233

2 years ago

2.10.274

2 years ago

2.10.230

2 years ago

2.10.273

2 years ago

2.11.14

2 years ago

2.10.271

2 years ago

2.10.158

2 years ago

2.10.163

2 years ago

2.10.162

2 years ago

2.10.253

2 years ago

2.10.251

2 years ago

2.10.134

2 years ago

2.10.121

2 years ago

1.2.18

2 years ago

2.10.74

2 years ago

2.10.58

2 years ago

1.2.22

2 years ago

2.10.60

2 years ago

2.10.49

2 years ago

1.2.16

2 years ago

1.2.14

2 years ago

1.2.0

3 years ago

1.2.7

3 years ago

1.2.6

3 years ago

1.2.5

3 years ago

1.2.13

3 years ago

1.2.10

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.1.5

3 years ago

0.6.21

3 years ago

1.0.0

3 years ago

0.6.18

3 years ago

0.6.26

3 years ago

0.7.0

3 years ago

0.6.16

4 years ago

0.6.15

4 years ago

0.6.10

4 years ago

0.6.8

4 years ago

0.6.7

4 years ago

0.6.5

4 years ago

0.6.4

4 years ago

0.6.2

4 years ago

0.6.1

4 years ago

0.6.0

4 years ago

0.5.3

4 years ago

0.4.3

4 years ago

0.4.2

4 years ago

0.4.1

4 years ago

0.4.0

4 years ago

0.0.1

4 years ago