BaseSmacStyling

The `BaseSmacStyling` type allows you to define customizable styling options for components, including background colors, margins, and padding. Below is a detailed description of the available props.

Props

PropTypeDescription
bg_{colorName}booleanDynamically created background color properties based on the keys of GlobalColorsType. For example, bg_primary applies the primary color as background.
backgroundColorGlobalColorsType or ColorValueSpecifies a background color directly. You can either use a key from GlobalColorsType or a custom color value like hex, rgb, or rgba.
border_{GlobalColorsType}booleanDynamically created border color properties.
borderbooleanborderWidth: 1
fullbooleanflex: 1
mt_{num} mb_{num} ml_{num} mr_{num} mh_{num} mv_{num}booleanAdds margin to the component. You can provide a single value for all sides or specific values for each side (top, right, bottom, left).
pt_{num} pb_{num} pl_{num} pr_{num} ph_{num} pv_{num}booleanAdds padding to the component. You can provide a single value for all sides or specific values for each side (top, right, bottom, left).
radius_{SizeScaleRadius}booleanDynamically created border radius properties based on the SizeScaleRadius type.