Shape
Overflow child with hidden child.
Install and import
Default
Add w
and h
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 | ||
h | string | number | ||
shape | square circle | ||
w | string | number |
Dependencies
- - @welcome-ui/system^3.0.0-alpha.2
- - @welcome-ui/utils^3.0.0-alpha.2
Peer dependencies
- - @xstyled/styled-components^2.1.0
- - prop-types^15.7.2
- - react^16.10.2 || ^17.0.1
- - react-dom^16.10.2 || ^17.0.1
- - styled-components^5.0.0