2.28.94 • Published 3 months ago

@symbo.ls/icon v2.28.94

Weekly downloads
-
License
MIT
Repository
-
Last release
3 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!'
  }
}
2.27.11

6 months ago

2.27.10

6 months ago

2.27.18

6 months ago

2.27.16

6 months ago

2.27.15

6 months ago

3.1.1

6 months ago

3.0.2

6 months ago

3.0.1

6 months ago

3.0.6

6 months ago

2.28.93

3 months ago

2.28.94

3 months ago

2.28.92

3 months ago

2.28.1

6 months ago

2.28.2

6 months ago

2.28.69

4 months ago

2.28.66

4 months ago

2.28.67

4 months ago

2.28.64

4 months ago

2.28.65

4 months ago

2.28.62

4 months ago

2.27.8

6 months ago

2.28.63

4 months ago

2.28.61

4 months ago

2.27.0

6 months ago

2.28.57

5 months ago

2.28.58

5 months ago

2.28.55

5 months ago

2.28.56

5 months ago

2.28.53

5 months ago

2.28.54

5 months ago

2.28.51

5 months ago

2.28.52

5 months ago

2.28.50

5 months ago

2.28.59

5 months ago

2.28.88

4 months ago

2.28.89

4 months ago

2.28.87

4 months ago

2.28.84

4 months ago

2.28.85

4 months ago

2.28.82

4 months ago

2.28.83

4 months ago

2.28.80

4 months ago

2.28.81

4 months ago

3.0.100

6 months ago

2.28.79

4 months ago

2.28.77

4 months ago

2.28.78

4 months ago

2.28.75

4 months ago

2.28.76

4 months ago

2.28.73

4 months ago

2.28.71

4 months ago

2.28.72

4 months ago

2.28.70

4 months ago

2.11.530

6 months ago

2.28.25

5 months ago

2.28.23

5 months ago

2.25.3

6 months ago

2.25.2

6 months ago

2.25.1

6 months ago

2.28.28

5 months ago

2.28.29

5 months ago

2.28.26

5 months ago

2.28.27

5 months ago

2.28.18

5 months ago

2.28.46

5 months ago

2.28.47

5 months ago

2.28.44

5 months ago

2.28.45

5 months ago

2.28.40

5 months ago

2.28.41

5 months ago

2.28.48

5 months ago

2.28.49

5 months ago

2.28.36

5 months ago

2.28.34

5 months ago

2.28.31

5 months ago

2.11.523

6 months ago

2.11.524

6 months ago

2.11.525

6 months ago

2.28.30

5 months ago

2.11.527

6 months ago

2.11.528

6 months ago

2.28.37

5 months ago

2.11.521

6 months ago

2.11.522

6 months ago

2.11.515

8 months ago

2.11.517

8 months ago

2.11.514

8 months ago

2.11.500

9 months ago

2.11.504

9 months ago

2.11.474

11 months ago

2.11.497

10 months ago

2.11.475

10 months ago

2.11.476

10 months ago

2.11.477

10 months ago

2.11.512

9 months ago

2.11.480

10 months ago

2.11.482

10 months ago

2.11.491

10 months ago

2.11.495

10 months ago

2.11.455

11 months ago

2.11.464

11 months ago

2.11.465

11 months ago

2.11.467

11 months ago

2.11.468

11 months ago

2.11.469

11 months ago

2.11.470

11 months ago

2.11.471

11 months ago

2.11.472

11 months ago

2.11.473

11 months ago

2.11.453

11 months ago

2.11.446

11 months ago

2.11.447

11 months ago

2.11.450

11 months ago

2.11.451

11 months ago

2.11.398

1 year ago

2.11.410

1 year ago

2.11.389

1 year ago

2.11.427

1 year 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

2 years 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

3 years ago

2.10.188

3 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

3 years ago

2.10.163

3 years ago

2.10.162

3 years ago

2.10.253

2 years ago

2.10.251

2 years ago

2.10.134

3 years ago

2.10.121

3 years ago

1.2.18

3 years ago

2.10.74

3 years ago

2.10.58

3 years ago

1.2.22

3 years ago

2.10.60

3 years ago

2.10.49

3 years ago

1.2.16

3 years ago

1.2.14

3 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