import Props from '@ionic-internal/component-api/v8/note/props.md'; import Events from '@ionic-internal/component-api/v8/note/events.md'; import Methods from '@ionic-internal/component-api/v8/note/methods.md'; import Parts from '@ionic-internal/component-api/v8/note/parts.md'; import CustomProps from '@ionic-internal/component-api/v8/note/custom-props.mdx'; import Slots from '@ionic-internal/component-api/v8/note/slots.md';

import EncapsulationPill from '@components/page/api/EncapsulationPill';

Notes are text elements generally used as subtitles that provide more information. They are styled to appear grey by default. Notes can be used in an item as metadata text.

import Basic from '@site/static/usage/v8/note/basic/index.md';

import Item from '@site/static/usage/v8/note/item/index.md';

import Colors from '@site/static/usage/v8/note/theming/colors/index.md';

import CSSProps from '@site/static/usage/v8/note/theming/css-properties/index.md';