Badge

Короткая метка статуса с вариантами и размерами.

github.com/fastygo/templ/ui

Бейдж показывает короткую метку статуса. Используйте варианты и размеры для визуальной иерархии.

По умолчанию

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Badge(ui.BadgeProps{Variant: "default"}) {
		По умолчанию
	}
}

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Badge(ui.BadgeProps{Variant: "default"}) {
		По умолчанию
	}
}

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Badge(ui.BadgeProps{Variant: "secondary"}) {
		Вторичный
	}
}

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Badge(ui.BadgeProps{Variant: "secondary"}) {
		Вторичный
	}
}

Ошибка

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Badge(ui.BadgeProps{Variant: "destructive"}) {
		Ошибка
	}
}

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Badge(ui.BadgeProps{Variant: "destructive"}) {
		Ошибка
	}
}

Малый

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Badge(ui.BadgeProps{Size: "sm"}) {
		Малый
	}
}

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Badge(ui.BadgeProps{Size: "sm"}) {
		Малый
	}
}

Variant · string — default | secondary | destructive | outline

Size · string — default | sm | lg

Class · string — Дополнительные utility-классы