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

Add tracking component #162

Merged
merged 9 commits into from
Dec 29, 2023
Merged

Add tracking component #162

merged 9 commits into from
Dec 29, 2023

Conversation

olivierauverlot
Copy link
Contributor

Implementation of the tracking component (https://tabler.io/docs/components/tracking)

@olivierauverlot
Copy link
Contributor Author

Divider component added

Copy link
Collaborator

@lovasoa lovasoa left a comment

Choose a reason for hiding this comment

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

Wow, these look great, thank you for the useful contribution !

Two small remarks:

  • To make it as easy as possible to switch between components and to memorize properties, we try to reuse property names as much as possible between components. In that spirit, I think the state property of the tracking component should be named color instead. One can add an example with 'danger' as color to illustrate color name aliases. And maybe the tooltip should be named title, for consistency.
  • The spacing and sizing inside the tracking card seems a little off to me, when compared to tabler's example :
    • image
    • image
    • do you think we could make it a little more compact, and maybe make the text stand out more ?
    • I think we should add a small vertical margin at the end of the component, as in other components. This looks more natural when used in combination with other components.

Copy link
Collaborator

@lovasoa lovasoa left a comment

Choose a reason for hiding this comment

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

Great, let's merge this ! This will be a nice christmas present for everyone :)

@lovasoa lovasoa merged commit ead3350 into sqlpage:main Dec 29, 2023
@lovasoa
Copy link
Collaborator

lovasoa commented Dec 29, 2023

Thanks again for your contribution, @olivierauverlot ! PRs adding useful components are always welcome !

@lovasoa
Copy link
Collaborator

lovasoa commented Dec 29, 2023

I'll try to make a new release soon that includes your work

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.

2 participants