Advanced Customisations
For use cases that require customisation of styles for certain elements in the components.
Last updated
For use cases that require customisation of styles for certain elements in the components.
Last updated
For use cases where you need even more customisability, we have added CSS classes to components that you may want to style.
For this, you'll need to use the primitive component's classes and the high-level components' classes. Let's go through them.
For a few components like buttons, you may want to style each variant so for that, we have added v-variant-name
class on such elements.
Class - leap-button
Variants
default
secondary
outline
ghost
link
Class - leap-button
Variants
v-action-primary
v-action-destructive
v-action-attention
Here's are the classes for the Swaps component's elements. Using these along with the primitive components classes, you can style any elements you want.