# Tab

### Cách thêm Tab[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/tab/#c%C3%A1ch-th%C3%AAm-tab) <a href="#cach-them-tab" id="cach-them-tab"></a>

Tại vị trí mà bạn muốn thêm tab, kéo phần tử **Tab** vào bố cục có sẵn. Khi vị trí hiển thị màu xanh (ảnh) thì có nghĩa là bạn có thể đặt phần tử vào vị trí đó.

<div align="center"><img src="https://lh3.googleusercontent.com/HbVUtyp2lCg03s3xtN5EiVNH1vCgdLaktdJ5x4ECjgr5oDBD-aLIRRYoyyZpmh6IwBwAUqhBTLI48CBRCI2hUdHfMIcZ5ZU=rw-w2304" alt="Thêm tab vào bố cục"></div>

### Cách cài đặt Tab[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/tab/#c%C3%A1ch-c%C3%A0i-%C4%91%E1%BA%B7t-tab) <a href="#cach-cai-dat-tab" id="cach-cai-dat-tab"></a>

Bấm vào phần tử tab để mở thanh cài đặt Tab. Điều chỉnh theo từng Nội dung/Kiểu cho Tab.

<div align="center"><img src="https://lh3.googleusercontent.com/nBbdvgauPguUu2Ef-MAeZI36DaK1HRZ7q1mXFTVMZw_m2Ka67ERDl_hgGXGdypvQB3X1Yh0xPDehAc0DA5Mx9tY9qpDzZCXmXQ=rw-w3054" alt="Cài đặt icon"></div>

#### Nội dung[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/tab/#n%E1%BB%99i-dung) <a href="#noi-dung" id="noi-dung"></a>

* Danh sách tab: Cài đặt tiêu đề cho từng tab
* Thêm tab mới

#### Kiểu[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/tab/#ki%E1%BB%83u) <a href="#kieu" id="kieu"></a>

* Kiểu hiển thị: Lựa chọn kiểu hiển thị chung cho Tab
* Căn chỉnh: Căn chỉnh trái/giữa/phải/căn lề đều 2 bên
* Màu tab: Cài đặt màu chung của Tab
* Nền: Cài đặt màu sắc hoặc hình ảnh cho nền của Tab