@muraldevkit/ds-component-text

Mural's Text package

Table of contents

1. Installation
2. Component usage
3. Usage
   1. Titles
   2. Subtitles
   3. Controls

Installation

Review the design system's global usage guidelines to learn how to install components. This package's name is @muraldevkit/ds-component-text.

Component usage

This package contains multiple sub-components. Review each component's README for specific implementation details.

1. Text
2. Heading

Usage

Titles

<mrl-text-heading kind="title" size="medium">title</mrl-text-heading>

Subtitles

<mrl-text-heading kind="title" size="small">subtitle</mrl-text-heading>

Controls

The interactive-text mixin should be used to apply styling:

<mrl-text attrs='{ "class": "my-component" }'>control text</mrl-text>

.my-component {
    @include mrl-text-interactive("xsmall");
}