Shape

Overflow child with hidden child.

Install and import

yarn add @welcome-ui/shape @xstyled/styled-components prop-types react react-dom styled-components
import { Shape } from '@welcome-ui/shape'

Default

Add width and height to set size of shape.

Border radius

Add borderRadius from theme or what you want.

Shape

Set shape prop to square

… or set it to circle.

also, using shape with unequal sizes will match the biggest value between width / height.

Properties

NameType(s)DefaultRequired
children
node
height
string | number
shape
square
circle
width
string | number

Dependencies

Peer dependencies