ds-svelte-community
Nais Docs
Pages
  • Home
  • CSS
  • Icons
Typography
  • BodyLong
  • BodyShort
  • Detail
Components
  • Accordion
  • ActionMenu Beta
  • Alert
  • Button
  • Checkbox
  • Chips
  • ConfirmationPanel
  • CopyButton
  • ErrorSummary
  • ExpansionCard
  • GuidePanel
  • HelpText
  • InternalHeader Beta
  • List
  • Loader
  • Modal
  • Pagination
  • Popover
  • Radio
  • ReadMore
  • Search
  • Select
  • Skeleton
  • Stepper
  • Switch
  • Table
  • Tabs
  • Tag
  • TextField
  • ToggleGroup
  • Tooltip
Primitives
  • Bleed
  • Box

Version: 1.0.0
Try dark darkside
Try light darkside

Detail

Part of a set of components for displaying text with consistent typography.

    Default

Lorem ipsum dolor sit amet.

Properties

PropertyDescriptionDefault
Control
Properties
align

Adjust text-align.

"start" "center" "end"
-
as

Tag to use for the body

"p"
spacing

Adds spacing below text.

boolean
-
textColor

Adjusts color.

"default" "subtle"
-
truncate

Truncate text overflow with ellipsis.

boolean
-
uppercase

All caps

boolean
-
visuallyHidden

Visually hide text. Text will still be accessible for screen readers.

boolean
-
weight

Adjusts font-weight.

"regular" "semibold"
-
Snippets
children -