css
object in at the top level of any of our components to create scoped styles for that specific instance of that component.
Since the css
prop is scoped to each component, you can treat it as though it were a style
prop with added functionality. For example:
fr-
part
prop (class name will always be fr-${part}
)<Frigade.Provider />
component also accepts a css
prop. It writes global CSS into the document, so use it with caution.
Since every Frigade Component has its own stable classname, you can override every <Button.Primary />
simply by writing CSS in object syntax:
css
prop or any other attribute from the Flow editor by providing the props
field in the Advanced YAML editor:
props
field on the given Step. This will override the styling for that specific Step only:
className
prop to a component via a static stylesheet, CSS Modules, etc. then scope your styles to that:
.fr-
classnames, your CSS must be source-ordered after Frigade’s CSS in order to properly override the built-in Component styles.
If you don’t have control over source-ordering in your app, you can increase the specificity of your selectors instead: