Skip to content

Controls

Top bar component with title.

Location

src/lib/svelte/layout/Controls.svelte

Purpose

Displays application title. Will eventually hold primary controls (search, settings, etc.).

Props

NameTypeDefaultDescription
titlestring'Design Intuition'Title text

State

None.

Styling

  • Background: colors.w_background_color
  • Text: colors.w_text_color
  • Height: fills parent (48px from Main)
  • Padding: 0 1rem

CSS Classes

ClassPurpose
.controlsContainer, flex, centered vertically
.controls h1Title, 1.25rem, weight 300

Future

  • Search input
  • Settings button
  • View toggles