Design e Recursos

Gerador de CSS para tab pills

Produza CSS para tabs arredondadas em formato de pills.

Categoria

Design e Recursos

Gerador de CSS para tab pills

tabssegmented controlcssui

Saída

Gerador de Tab Pills CSS

.tab-pills {
  display: inline-flex;
  gap: 8px;
  padding: 8px;
  border-radius: 12px;
  background: #e0f2fe;
}

.tab-pills .tab {
  padding: 8px 16px;
  border-radius: 8px;
  color: #2563eb;
}

.tab-pills .tab.active {
  background: #2563eb;
  color: #e0f2fe;
}

Ao vivo Prévia

Live canvas