diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-13 05:43:08 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-13 05:43:08 +0800 |
commit | 65579c023670c09f39b4f7a733d7b703888d9d99 (patch) | |
tree | 048f10f617d973e94744828d2133774455294df1 /packages/instant/src/components/section_header.tsx | |
parent | 756dc1e95ebbb8ef73ff8f712062997ea3d8c45e (diff) | |
download | dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.tar dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.tar.gz dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.tar.bz2 dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.tar.lz dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.tar.xz dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.tar.zst dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.zip |
Abstract SectionHeader and make 12px per Chris's comment and figma design
Diffstat (limited to 'packages/instant/src/components/section_header.tsx')
-rw-r--r-- | packages/instant/src/components/section_header.tsx | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/packages/instant/src/components/section_header.tsx b/packages/instant/src/components/section_header.tsx new file mode 100644 index 000000000..a6be3d8af --- /dev/null +++ b/packages/instant/src/components/section_header.tsx @@ -0,0 +1,22 @@ +import * as React from 'react'; + +import { ColorOption } from '../style/theme'; + +import { Text } from './ui/text'; + +export interface SectionHeaderProps { + children?: React.ReactNode; +} +export const SectionHeader: React.StatelessComponent<{}> = props => { + return ( + <Text + letterSpacing="1px" + fontColor={ColorOption.primaryColor} + fontWeight={600} + textTransform="uppercase" + fontSize="12px" + > + {props.children} + </Text> + ); +}; |