MoBrix-ui shared properties
Summary
Props table
Parameter |
Type |
Default |
|---|---|---|
string |
/ |
|
string |
/ |
|
boolean |
false |
|
boolean |
false |
|
string |
/ |
|
boolean |
true |
|
CSSProperties |
/ |
|
boolean |
false |
|
boolean |
true |
|
fade-in | slide-in-left | slide-in-right | slide-in-top | shake |
/ |
|
boolean |
true |
|
boolean |
true |
|
boolean |
false |
|
Record |
/ |
Props list
key
Type |
Default |
|---|---|
string |
/ |
React key, the standard key parameter
className
Type |
Default |
|---|---|
string |
/ |
custom className applied on main container
dark
Type |
Default |
|---|---|
boolean |
false |
Enable/disable dark mode
hide
Type |
Default |
|---|---|
boolean |
false |
Hide/show component
id
Type |
Default |
|---|---|
string |
/ |
id parameter (for styling/testing purpose, to easily find the component into the DOM)
shadow
Type |
Default |
|---|---|
boolean |
true |
Enable/disable shadow behind component
style
Type |
Default |
|---|---|
CSSProperties |
/ |
Css inline properties applied on main container
unstyled
Type |
Default |
|---|---|
boolean |
false |
If true, no standard MoBrix-ui styles will be applied on the components (useful for example, with image buttons)
animated
Type |
Default |
|---|---|
boolean |
true |
Enable/disable component animations
animation
Type |
Default |
|---|---|
fade-in | slide-in-left | slide-in-right | slide-in-top | shake |
/ |
If animated=true, this parameter specifies which animation is used when component is rendered
background
Type |
Default |
|---|---|
boolean |
true |
Enable/disable component background
hover
Type |
Default |
|---|---|
boolean |
true |
Enable/disable component hover standard styles
disabled
Type |
Default |
|---|---|
boolean |
false |
If true, disable the component. The effect may vary depending on the component type
additionalProps
Type |
Default |
|---|---|
Record |
/ |
Custom additional properties, applied to the component