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

Documentation not well eexplaineed #37

Open
allestaire opened this issue Jun 20, 2021 · 1 comment
Open

Documentation not well eexplaineed #37

allestaire opened this issue Jun 20, 2021 · 1 comment

Comments

@allestaire
Copy link

allestaire commented Jun 20, 2021

  • Usage does not explain what values to those attributes
  • Does not know what are the default values to those attributes
  • loading is this string? or some sort of message?
  • what are the available colors? does it accepts anything? such as rgba, hex or color names
  • what are the available sizes? can we use sm, md, lg and so? or does the available codes are small, mediuim, large?
@alidali96
Copy link

I had the same questions until I viewed the source code of one of the components.
Here is an example of properties:
props: {
loading: {
type: Boolean,
default: true
},
color: {
type: String,
default: '#5dc596'
},
size: {
type: String,
default: '15px'
},
margin: {
type: String,
default: '2px'
},
radius: {
type: String,
default: '100%'
}

loading is a boolean and it will show/hide the spinner v-show="loading"
size is in 'px' width: parseFloat(this.size) * 3 + parseFloat(this.margin) * 6 + 'px'

Hope this helps you, if you want to explore more, you would have to check the component that you are implementing.

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

No branches or pull requests

2 participants