Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 5a991bb

Browse files
Add story for Icon
1 parent 1ca5379 commit 5a991bb

File tree

1 file changed

+44
-0
lines changed

1 file changed

+44
-0
lines changed
Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
import React from 'react';
2+
import { storiesOf } from '@storybook/react';
3+
4+
import { Icon } from 'react-native-elements';
5+
6+
storiesOf('Icon|Icon', module)
7+
8+
.add('basic usage', () => (
9+
<Icon name='rowing' />
10+
))
11+
12+
.add('with color', () => (
13+
<Icon
14+
name='g-translate'
15+
color='#00aced'
16+
/>
17+
))
18+
19+
.add('change default font type', () => (
20+
<Icon
21+
name='sc-telegram'
22+
type='evilicon'
23+
color='#517fa4'
24+
/>
25+
))
26+
27+
.add('reverse icon', () => (
28+
<Icon
29+
reverse
30+
name='ios-american-football'
31+
type='ionicon'
32+
color='#517fa4'
33+
/>
34+
))
35+
36+
.add('raised icon', () => (
37+
<Icon
38+
raised
39+
name='heartbeat'
40+
type='font-awesome'
41+
color='#f50'
42+
onPress={() => console.log('hello')}
43+
/>
44+
));

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /