search

AT-UI / at-ui

A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0 (DEPRECATED)
https://at.aotu.io
MIT License
2.34k stars 230 forks source link

How to use? #108

Open ghost opened 6 years ago

ghost commented 6 years ago

I'm building an project with laravel api and vuejs frontend. Till now i have used only bootstrap. I love at-ui design and styling so would like to use it for my web application. But i'm confused how to use this. I removed bootstrap and installed it. However, the grid system is weird and im unable to understand it. There are no references or templates available for at-ui due to which im unable to follow.

Do i need to use this with bootstrap or without bootstrap? And if i have to make three columns how should i make it. For example in bootstrap i do it like

<div class="row">
  <div class="col-md-4">    
  </div>
  <div class="col-md-4">    
  </div>
  <div class="col-md-4">    
  </div>
</div>

How to do the same with at-ui?

juanpprieto commented 6 years ago

Add the class at-row to the row container.

e200 commented 6 years ago

Same problem here. I'm coming from Bootstrap-Vue and I can't figureout how to structure a form using at-hi, there's no such components like b-form-group, and form labels.

I'm really confused if we need to use it along bootstrap, but it will be a pain and the output file will be very large 2mb+... 😧

cedricium commented 5 years ago

Did you happen to find out if this UI kit is capable of being used on its own @e200?

e200 commented 5 years ago

I think it's on the Docs, https://at-ui.github.io/at-ui/#/en/docs/layout

e200 commented 5 years ago

If you're talking 'bout form components like b-form-group, no, you need to writer your own form control wrapper.