Hi, as I'm redesigning a Gatsby website, I'd like to know more about the Spectrum Typography implementation available in React Spectrum. As a background, I've been using Spectrum Web Components in the context of UXP plugins so far, so I'm slightly more familiar with them.
Here, I get that there's Text and Heading, as far as content goes. They seem to be a bit bare if I compare them to the Spectrum CSS specs or one of the available implementation of Web Components (Spectrum or Coral).
It's not my intent to criticize, I'm just unsure how to get the assortment of Classifications (serif/sans serif), Weights and Font sizes. E.g. Heading has only levels, is there a way to access this rich variety? The same would apply to Body, that I assume in React Spectrum is replaced by Text. I don't think there are implementation for Detail or Code yet.
Any pointer would be greatly appreciated. Thank you!
Hi, as I'm redesigning a Gatsby website, I'd like to know more about the Spectrum Typography implementation available in React Spectrum. As a background, I've been using Spectrum Web Components in the context of UXP plugins so far, so I'm slightly more familiar with them.
Here, I get that there's
TextandHeading, as far as content goes. They seem to be a bit bare if I compare them to the Spectrum CSS specs or one of the available implementation of Web Components (Spectrum or Coral).It's not my intent to criticize, I'm just unsure how to get the assortment of Classifications (serif/sans serif), Weights and Font sizes. E.g.
Headinghas only levels, is there a way to access this rich variety? The same would apply toBody, that I assume in React Spectrum is replaced byText. I don't think there are implementation forDetailorCodeyet.Any pointer would be greatly appreciated. Thank you!