diff options
author | August Skare <post@augustskare.no> | 2018-10-18 19:28:44 +0800 |
---|---|---|
committer | August Skare <post@augustskare.no> | 2018-10-18 19:28:44 +0800 |
commit | b158a6d7226fb50ecedcc07da8ef30e5e5690e46 (patch) | |
tree | 3cab0f55e7f8961be4f6ecc49f5a3f503cd21bc9 /packages/dev-tools-pages/ts/components/List.tsx | |
parent | c616b53c9c95edcc9da34aaaee3b91f5f1787636 (diff) | |
download | dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.gz dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.bz2 dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.lz dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.xz dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.zst dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.zip |
initial commit
Diffstat (limited to 'packages/dev-tools-pages/ts/components/List.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/List.tsx | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/List.tsx b/packages/dev-tools-pages/ts/components/List.tsx new file mode 100644 index 000000000..df1fdc53b --- /dev/null +++ b/packages/dev-tools-pages/ts/components/List.tsx @@ -0,0 +1,33 @@ +import * as React from 'react'; +import styled from 'styled-components'; + +const StyledList = styled.ul` + list-style-type: none; + margin: 0; + padding-inline-start: 0.2rem; +`; + +const StyledItem = styled.li` + :before { + content: ''; + border: 1px solid black; + width: 0.6875rem; + height: 0.6875rem; + display: inline-block; + transform: rotate(45deg); + margin-right: 1.09375rem; + } +`; + +interface ListProps { + items: Array<string>; +} + +function List(props: ListProps) { + const items = props.items; + const listItems = items.map((bullet, index) => <StyledItem key={index}>{bullet}</StyledItem>); + + return <StyledList>{listItems}</StyledList>; +} + +export default List; |