Shape
Overflow child with hidden child.
Install and import
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
Name | Type(s) | Default | Required |
---|---|---|---|
children | node | ||
height | string | number | ||
shape | square circle | ||
width | string | number |
Dependencies
- - @welcome-ui/system^2.0.2
- - @welcome-ui/utils^2.0.2
Peer dependencies
- - @xstyled/styled-components^1.17.0
- - prop-types^15.7.2
- - react^16.10.2
- - react-dom^16.10.2
- - styled-components^4.0.0 || ^5.0.0