GitHub

Text Snippet

A text snippet is used to display a section of text with the ability to show or hide content beyond one line of text.

Components

import { DaffTextSnippetComponent } from '@daffodil/design/text-snippet'

@Component()
class DaffTextSnippetComponent {
  @Input() condensed: boolean = true
  @Input() html: string = ''

  @Output() toggle: EventEmitter<boolean> = new EventEmitter()
}

Inputs

condensed
boolean
Defaulttrue
Description

Whether or not the component should render a condensed version of the content.

html
string
Default''
Description

The HTML content to render inside the snippet.

Outputs

toggle
EventEmitter
Default
Description

An output event that can be used to track the state of the component externally.