@symbo.ls/icon v2.11.371
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 is1
.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 days ago
13 days ago
13 days ago
2 months ago
8 months ago
7 months ago
8 months ago
7 months ago
11 months ago
7 months ago
7 months ago
8 months ago
10 months ago
7 months ago
6 months ago
7 months ago
8 months ago
8 months ago
8 months ago
7 months ago
8 months ago
8 months ago
9 months ago
7 months ago
8 months ago
11 months ago
11 months ago
1 year ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago