Каталог интерфейсных компонентов

Медиа, preview и rich content

Короткий demo-набор форматирования

bold italic underline strike code link

quote line

• ul one
• ul two

1. ol one
2. ol two

color

Inline math: E=mc², x_1² + y_2² = z², α+β=γ, Δ x ≈ λ, a ≠ b, a ≤ b ≥ c, f: A → B, A ∪ B, A ∩ B, x → ∞, ∂ f / ∂ x, a · b, u × v, ± 5, θ, φ, μ, σ, Ω, x_i+1 = x_i², a²ⁿ + b²ⁿ, a_n+1+b_n+1c_n+1, { f, g }, ⟨ x, y ⟩

Logic: ∀ x ∈ A, ∃ y ∈ B, ¬ P, P ∧ Q, P ∨ Q, P ⇒ Q, P ⇔ Q, A ⊂ B, A ⊆ B, x ∈ S, x ∉ T, ∅, ⊥, ⊤

a+bc

√x²+y²

√a²+b²c²+d²

a+b2√x_1²+y_1²

{ f, g } = ∂ f∂ q∂ g∂ p - ∂ f∂ p∂ g∂ q

⟨ psi, φ ⟩ = ∑_i=1ⁿ psi_i φ_i

∑_i=1ⁿ i = n(n+1)2

∏_k=1ⁿ k

∫_0¹ x² dx

x_n+1 = x_n + ax_n2

type TraitCard = {
  id: string
  title: string
  tags: string[]
  score?: number
}

const cards: TraitCard[] = [
  { id: 'orbitals', title: 'Orbitals', tags: ['chemistry', '3d'], score: 0.94 },
  { id: 'markdown', title: 'Markdown', tags: ['editor', 'preview'] },
]

const visible = cards
  .filter(card => card.tags.includes('editor'))
  .map(card => ({
    ...card,
    href: '/ui?section=media',
    label: card.title.toUpperCase()
  }))

console.log(visible)