Icon
Type definition
Ref: TFontColorStyle, TMarginStyle, TButtonStyle, TTagStyle
type TIconStyle =
| TFontColorStyle
| TMarginStyle
| TButtonIconStyle
| TTagIconStyle
| 'Small'
| 'Large';
Usage
<Stylish.Icon.AntDesign
name="home"
styleNames={['Color.Primary', 'Margin']} />
<Stylish.Icon.FontAwesome
name="home"
styleNames={['Color.Info', 'Large', 'Margin.Large']} />
<Stylish.TouchableOpacity
styleNames={['Button', 'BackgroundColor.Primary', 'Margin.Bottom.Large']}>
<Stylish.Text styleNames={['Color.White', 'Button.Text']}>
Next
</Stylish.Text>
<Stylish.Icon.SimpleLineIcons
name="arrow-right"
styleNames={['Color.White', 'Button.Icon', 'Button.Icon.Right']} />
</Stylish.TouchableOpacity>
<Stylish.View styleNames={['Flex.Row']}>
<Stylish.TouchableOpacity
styleNames={['Tag', 'Tag.Small', 'Border', 'Border.Color.Info', 'Margin.Bottom']}>
<Stylish.Text styleNames={['Color.Info', 'Tag.Text']}>
Checked
</Stylish.Text>
<Stylish.Icon.AntDesign
name="check"
styleNames={['Color.Info', 'Tag.Icon.Right']} />
</Stylish.TouchableOpacity>
</Stylish.View>
