Customization

Customize Every Component

SHIVMS UI is designed to be flexible. Customize components with variants, sizes and styling options to create interfaces that match your application.

<Button
    variant="outline"
    size="lg"
>
    Get Started
</Button>

Customization Features

Build consistent interfaces while adapting every component to your projects design.

Component Variants

Choose from multiple variants to match different interface styles.

Flexible Sizes

Use consistent sizing options across every component.

Custom Styling

Apply your own classes and styles while keeping components reusable.

Theme Integration

Customize colors and appearance using the SHIVMS UI theme system.

Best Practices

01

Use Design Tokens

Keep spacing, colors and typography consistent across your application.

02

Reuse Variants

Prefer built-in variants before creating custom component styles.

03

Keep It Consistent

Apply customization consistently to create a predictable user experience.

Continue Reading

Explore more SHIVMS UI documentation and guides.