Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(theme): added new styles for component Slider #307

Merged
merged 2 commits into from
May 20, 2024
Merged

feat(theme): added new styles for component Slider #307

merged 2 commits into from
May 20, 2024

Conversation

gerzon05
Copy link
Collaborator

@gerzon05 gerzon05 commented May 20, 2024

Styles for component Slider

Introduction

In this PR add new styles for component Slider, It is about styles:

Details

Added new variants like:
-background

Api reference

const variants = {
    background: {
      primary: 'bg-primary',
      success: 'bg-success',
      warn: 'bg-warn',
      error: 'bg-error',
    },
  },
  defaultVariants: {
    background: 'primary',
  },

Related problems

Resolves #259

Preview

By default, the variants is primary

mode light

Captura de pantalla 2024-05-20 155353

mode dark

Captura de pantalla 2024-05-20 155414

How to use

import { Slider } from '@openui-org/react'

function SliderExample() {
return <Slider/>
}

@gerzon05 gerzon05 added react This label for the package of react feat New feature or request theme This label for the package theme labels May 20, 2024
@gerzon05 gerzon05 added this to the v2.0.0 milestone May 20, 2024
@gerzon05 gerzon05 enabled auto-merge (squash) May 20, 2024 20:33
@gerzon05 gerzon05 merged commit e840b61 into main May 20, 2024
3 checks passed
@gerzon05 gerzon05 deleted the slider branch May 20, 2024 22:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feat New feature or request react This label for the package of react theme This label for the package theme
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add new style component Slider
2 participants