Space
Displays a Space box instead of a div.
Default
PreviewCode
Space
With background
PreviewCode
Space
Circle
PreviewCode
circle
Position
PreviewCode
absolute-1
absolute-2
absolute-3
absolute-4
Props
Universal Props
MVP Verson: 0.4.8 beta
| Prop | Type | Accepted Values | Description | Default |
|---|---|---|---|---|
| type | string | default | inline | circle | triangle | halfCircle | fixed | absolute | relative | Specifies the Space style. Supports eight predefined types. Other custom styles can be applied using the 'sx' prop. | default |
| sx | object | object | Inline styles for customizing the Space component. Note: Inline styles via the 'style' prop will override 'sx'. | {} |
| onClick | (event: React.MouseEvent<HTMLElement, MouseEvent>) => void | - | Callback function triggered when the Space component is clicked. | - |
| ref | React.RefObject<HTMLInputElement | null> | - | Allows direct access to the DOM node or React component instance. | - |
| className | string | - | Defines the custom CSS class names applied to the Space component. | - |