Skip to content

🧱 New component: Text element #2383

@turolopezsanabria

Description

@turolopezsanabria

Is your component proposal related to a problem? Please describe.

Initially discussed in a DS weekly meeting:
#1569

There is no component to use the basic text elements: h1 h2 h3 etc, paragraph, list, etc from the theme
https://github.com/SUI-Components/sui/blob/master/packages/sui-theme/src/settings/_font.scss

It would be nice to have a component to use directly, instead of using a HTML tag, styled with a class

Describe the solution you'd like

Please keep in mind that I've added the label "difficult" for this issue in hacktoberfest because it requires an exploration from your side if you take it.

Alternatives considered:

1 - This one for documentation: @andresin87: https://github.com/SUI-Components/docs-components/blob/master/components/documentation/library/src/components/Text/Text.js
2 - Motor's Title Basic here: https://motor-components.surge.sh/workbench/title/basic/demo
3 - please add yours

Describe alternatives you've considered

No response

Additional context**

All tags should be polymorphic, for instance these 2 examples:

  1. It should be possible to code a H1 with a <p> style.
  2. It should be possible to code a H1 with a size XXS (sizes from text tokens)

Additional info

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions