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 Dropdown #310

Merged
merged 1 commit into from
May 21, 2024
Merged

Conversation

gerzon05
Copy link
Collaborator

Style for component Dropdown

Introduction

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

Api reference

const animation = {
  'dropdown-in': {
      '0%': {
        transform: 'scale(0.9)',
        opacity: '0',
      },
      '100%': {
        transform: 'scale(1)',
        opacity: '1',
      },
    },
    'dropdown-out': {
      '0%': {
        transform: 'scale(1)',
        opacity: '1',
      },
      '100%': {
        transform: 'scale(.9)',
        opacity: '0',
      },
    }, 
}

Related problems

Resolves #257

Preview

mode light

image

mode dark

image

@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 21, 2024
@gerzon05 gerzon05 added this to the v2.0.0 milestone May 21, 2024
Copy link
Collaborator

@castrogarciajs castrogarciajs left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!!

@castrogarciajs castrogarciajs merged commit b533a05 into main May 21, 2024
3 checks passed
@castrogarciajs castrogarciajs deleted the dropdown branch May 21, 2024 23:21
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 styles Dropdown
2 participants