Folder

A pure html/css folder icon with a customisable aspect ratio and tab.

import { Folder } from '@marvelapp/ui';

Example

<Box width={100}>
  <Folder color="orange" ratio={5 / 4} tabSize={9}></Folder>
</Box>

Props

Prop

Type

Default

border

array

string

number

–

borderBottom

array

string

number

–

borderColor

array

string

number

–

borderLeft

array

string

number

–

borderRadius

array

string

number

–

borderRight

array

string

number

–

borderStyle

array

string

number

–

borderTop

array

string

number

–

borderWidth

array

string

number

–

borderX

array

string

number

–

borderY

array

string

number

–

color

orange

green

blue

yellow

purple

teal

snow

marvel

ratio

number

4/3

tabSize

number

8