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: optimize Checkbox component styles #303

Merged
merged 1 commit into from
May 20, 2024
Merged

Conversation

sebastiandotdev
Copy link
Collaborator

@sebastiandotdev sebastiandotdev commented May 20, 2024

Styles for component Checkbox

Introduction

This PR add new features for component Checkbox, it is about styles.

Details

Added new variants like:

  • color
  • rounded

Api reference

 const variants = {
    color: {
      default: '',
      primary: '',
      success: '',
      error: '',
      warn: '',
    },
    rounded: {
      none: '',
      sm: '',
      md: '',
      lg: '',
    },
}

Related problems

Resolves #258

Preview

By default, the variants is default

checkbox-default

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

function CheckboxExample() {
return <Checkbox />
}

@sebastiandotdev sebastiandotdev enabled auto-merge (squash) May 20, 2024 01:57
@sebastiandotdev sebastiandotdev merged commit 64733ad into main May 20, 2024
3 checks passed
@sebastiandotdev sebastiandotdev deleted the feat/checkbox-styles branch May 20, 2024 02:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add new styles Checkbox
2 participants