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(vue): added new component Label #318

Closed
wants to merge 2 commits into from
Closed

feat(vue): added new component Label #318

wants to merge 2 commits into from

Conversation

gerzon05
Copy link
Collaborator

@gerzon05 gerzon05 commented May 23, 2024

New component Label for Vue

Introduction

label component was created for vue

Details

Added new variants like

  • size
  • textColor

Api Reference

conts variants: {
    size: {
      sm: 'text-small',
      md: 'text-medium',
      lg: 'text-large',
    },
    textColor: {
      none: 'text-foreground/70',
      primary: 'text-primary/80',
      success: 'text-success/80',
      warn: 'text-warn/80',
      error: 'text-error/80',
    },
}

Related problems

Resolves #317

Preview

By default, for size the variant is md and textColor is none

Captura de pantalla 2024-05-23 134512

How to use

<script setup lang="ts">
import { Label } from '@openui-org/vue'
</script>

<template>
  <Label>Name</Label>
</template>

@gerzon05 gerzon05 added feat New feature or request vue This label for the package of vue labels May 23, 2024
@gerzon05 gerzon05 added this to the v2.0.0 milestone May 23, 2024
@gerzon05 gerzon05 enabled auto-merge (squash) May 23, 2024 19:01
auto-merge was automatically disabled May 24, 2024 02:31

Pull request was closed

@sebastiandotdev
Copy link
Collaborator

I'm sorry, does not comply with the style guide

@sebastiandotdev sebastiandotdev deleted the label branch May 24, 2024 02:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feat New feature or request vue This label for the package of vue
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add new component Label
2 participants