Skip to content
Telescope

Border

We use borders to contain elements or to separate them from each other in order to group content in ways that make it easier to decode and understand.
TokenValueExample
borderDark1px solid #333333
borderDarkest1px solid #000000
borderError1px solid #e91c1c
borderLight1px solid #f5f5f5
borderLightest1px solid #ffffff
borderPrimary1px solid #ececec
borderSuccess1px solid #85d69e
sizeBorderDefault1px
sizeBorderThick2px
sizeBorderThickest3px

Usage

import {tokens} from '@pleo-io/telescope'


const element = styled.div`
    border: ${tokens.borderDark};
`