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 w and h to set size of shape.

Show editor

Border radius #

Add borderRadius from theme or what you want.

Show editor

Shape #

Set shape prop to square…

Show editor

… or set it to circle.

Show editor

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

Show editor

Properties #

Dependencies #

• - @welcome-ui/system
  ^3.0.0
• - @welcome-ui/utils
  ^3.4.3

Peer dependencies #

• - @xstyled/styled-components
  ^2.2.3
• - prop-types
  ^15.7.2
• - react
  ^16.10.2 || ^17.0.1
• - react-dom
  ^16.10.2 || ^17.0.1
• - styled-components
  ^5.2.1