--- components: ["Accordion", "AccordionItem", "AccordionSkeleton"] --- ## Default By default, the accordion is medium-sized with the chevron right-aligned.

Natural Language Classifier uses advanced natural language processing and machine learning techniques to create custom classification models. Users train their data and the service predicts the appropriate category for the inputted text.

Analyze text to extract meta-data from content such as concepts, entities, emotion, relations, sentiment and more.

Translate text, documents, and websites from one language to another. Create industry or region-specific translations via the service's customization capability.

 ## Large size Set the `size` prop to `lg` to increase the size of the accordion.

Natural Language Classifier uses advanced natural language processing and machine learning techniques to create custom classification models. Users train their data and the service predicts the appropriate category for the inputted text.

Analyze text to extract meta-data from content such as concepts, entities, emotion, relations, sentiment and more.

Translate text, documents, and websites from one language to another. Create industry or region-specific translations via the service's customization capability.

 ## Small size Set the `size` prop to `sm` to decrease the size of the accordion.

Natural Language Classifier uses advanced natural language processing and machine learning techniques to create custom classification models. Users train their data and the service predicts the appropriate category for the inputted text.

Analyze text to extract meta-data from content such as concepts, entities, emotion, relations, sentiment and more.

Translate text, documents, and websites from one language to another. Create industry or region-specific translations via the service's customization capability.

 ## Flush text Set the `flush` prop to `true` to flush align accordion content text. Note that this prop cannot be used with `align="start"`.

Natural Language Classifier uses advanced natural language processing and machine learning techniques to create custom classification models. Users train their data and the service predicts the appropriate category for the inputted text.

Analyze text to extract meta-data from content such as concepts, entities, emotion, relations, sentiment and more.

Translate text, documents, and websites from one language to another. Create industry or region-specific translations via the service's customization capability.

 ## Left-aligned chevron By default, the chevron is right-aligned. Set `align="start"` to left-align the chevron.

Natural Language Classifier uses advanced natural language processing and machine learning techniques to create custom classification models. Users train their data and the service predicts the appropriate category for the inputted text.

Analyze text to extract meta-data from content such as concepts, entities, emotion, relations, sentiment and more.

Translate text, documents, and websites from one language to another. Create industry or region-specific translations via the service's customization capability.

 ## Custom title slot
Natural Language Classifier
AI / Machine Learning

Natural Language Classifier uses advanced natural language processing and machine learning techniques to create custom classification models. Users train their data and the service predicts the appropriate category for the inputted text.

Natural Language Understanding
AI / Machine Learning

Analyze text to extract meta-data from content such as concepts, entities, emotion, relations, sentiment and more.
Language Translator
AI / Machine Learning

Translate text, documents, and websites from one language to another. Create industry or region-specific translations via the service's customization capability.

 ## First item open

Natural Language Classifier uses advanced natural language processing and machine learning techniques to create custom classification models. Users train their data and the service predicts the appropriate category for the inputted text.

Analyze text to extract meta-data from content such as concepts, entities, emotion, relations, sentiment and more.

Translate text, documents, and websites from one language to another. Create industry or region-specific translations via the service's customization capability.

 ## Programmatic example This example demonstrates how all items can be programmatically expanded, collapsed, or disabled. Disabled accordion items cannot be expanded. ## Disabled Set the `disabled` prop to `true` to disable all accordion items. Dynamically disabling the accordion will collapse any expanded items.

Natural Language Classifier uses advanced natural language processing and machine learning techniques to create custom classification models. Users train their data and the service predicts the appropriate category for the inputted text.

Analyze text to extract meta-data from content such as concepts, entities, emotion, relations, sentiment and more.

Translate text, documents, and websites from one language to another. Create industry or region-specific translations via the service's customization capability.

 ## Disabled (item) To disable individual accordion items, set the `disabled` prop to `true` on the `AccordionItem`.

Natural Language Classifier uses advanced natural language processing and machine learning techniques to create custom classification models. Users train their data and the service predicts the appropriate category for the inputted text.

Analyze text to extract meta-data from content such as concepts, entities, emotion, relations, sentiment and more.

Translate text, documents, and websites from one language to another. Create industry or region-specific translations via the service's customization capability.

 ## Skeleton ## Skeleton (left-aligned chevron) ## Skeleton (custom count) By default, the skeleton accordion has 4 items. Specify a custom count using the `count` prop. ## Skeleton (open) Set `open` to `true` to expand the first accordion item. ## Skeleton (flush text) Set the `flush` prop to `true` to flush align accordion content text. Note that this prop cannot be used with `align="start"`. ## Skeleton (large) ## Skeleton (small)