Text
ready

Text component for rendering various text styles and HTML tags.

Example

icon-storybook-default View Storybook
Loading

Code

HTML 

import { NbhdText } from '@fbin-web/neighborhood-core';
<nbhd-text>Maecenas sed diam eget risus varius blandit sit amet non magna.</nbhd-text>

React 

import { NbhdText } from '@fbin-web/neighborhood-react';

const App = () => (
  <>
    <NbhdText>Maecenas sed diam eget risus varius blandit sit amet non magna.</NbhdText>
  </>
);

Properties

Property Attribute Type Default Description
tag tag p | span | div | h1 | h2 | h3 | h4 | h5 | h6 p HTML tag that will be rendered for the text element.
variant variant default | body | eyebrow | title | subtitle | supporting body Text styling variant that applies predefined visual styles.
cssClass css-class string Additional CSS class name to apply to the text element.

Slots

Name Description
(default) Content area.

CSS Parts

Name Description
base The component's base wrapper.