Skip to content

Commit

Permalink
orb(ignite-cli): Update Text.md (#2643)
Browse files Browse the repository at this point in the history
* Update Text.md

edited presets to include formLabel and formHelper.  Changed header
  • Loading branch information
infinitered-circleci committed Mar 18, 2024
1 parent 217d343 commit 7b7dd31
Showing 1 changed file with 6 additions and 2 deletions.
8 changes: 6 additions & 2 deletions docs/ignite-cli/boilerplate/app/components/Text.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
<View preset="header" text="My Header" />
<View preset="heading" text="My Header" />
```
You'll want to customize these presets and add more. You can do this in the `text.presets.ts` file.
Expand All @@ -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.
Expand Down

0 comments on commit 7b7dd31

Please sign in to comment.