Skip to content

Instantly share code, notes, and snippets.

@jm90m

jm90m/circle with line

Created May 1, 2018 14:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jm90m/d773181007eaf05d101dbd97dc6ec163 to your computer and use it in GitHub Desktop.
Save jm90m/d773181007eaf05d101dbd97dc6ec163 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
circle with line
import styled from 'styled-components/native';
const Circle = styled.View`
width: 50px;
height: 50px;
border-radius: 25px;
background-color: blue;
`;
const Line = styled.View`
border-width: 1;
border-color: blue;
height: 5px
`
const TimeLine = () => (
<Circle/>
<Line/>
<Line/>
<Circle/>
)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment