From 7b7dd311634b59d22cf0d4deed98c6c1eab81acd Mon Sep 17 00:00:00 2001 From: Infinite Red CI Date: Mon, 18 Mar 2024 16:30:34 +0000 Subject: [PATCH] orb(ignite-cli): Update Text.md (#2643) * Update Text.md edited presets to include formLabel and formHelper. Changed header --- docs/ignite-cli/boilerplate/app/components/Text.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/docs/ignite-cli/boilerplate/app/components/Text.md b/docs/ignite-cli/boilerplate/app/components/Text.md index 5afddc29..53ef2473 100644 --- a/docs/ignite-cli/boilerplate/app/components/Text.md +++ b/docs/ignite-cli/boilerplate/app/components/Text.md @@ -87,7 +87,7 @@ The `preset` optional prop specifies the string of the preset style you want to Presets allow you to have a consistent look and feel across your app without having to redefine the styles all the time. ```tsx - + ``` You'll want to customize these presets and add more. You can do this in the `text.presets.ts` file. @@ -100,10 +100,14 @@ If you find yourself overriding styles with the `style` prop a lot, you probably `bold`: A bold version of the default text. -`header`: Large headers. +`heading`: Large headers. `subheading`: A smaller piece of secondary information. +`formLabel`: Form input label. + +`formHelper`: Form assistive information. + ### Custom Presets Feel free to add your own presets by emulating the style you see with the provided presets. In a typical Infinite Red project, we will have a dozen or more presets that we use across the project. Simply add a new key to the `$presets` object in `app/components/Text.tsx` and then pass the name of the preset to the `preset` prop.