# petal_components v3.2.0 - Table of Contents

Petal is a set of HEEX components that makes it easy for Phoenix developers to start building beautiful web apps.

## Pages

- [README](readme.md)

## Modules

- [PetalComponents](PetalComponents.md)
- [PetalComponents.Accordion](PetalComponents.Accordion.md)
- [PetalComponents.Alert](PetalComponents.Alert.md)
- [PetalComponents.Avatar](PetalComponents.Avatar.md)
- [PetalComponents.Badge](PetalComponents.Badge.md)
- [PetalComponents.Breadcrumbs](PetalComponents.Breadcrumbs.md)
- [PetalComponents.Button](PetalComponents.Button.md)
- [PetalComponents.ButtonGroup](PetalComponents.ButtonGroup.md)
- [PetalComponents.Card](PetalComponents.Card.md)
- [PetalComponents.Container](PetalComponents.Container.md)
- [PetalComponents.Dropdown](PetalComponents.Dropdown.md)
- [PetalComponents.Field](PetalComponents.Field.md)
- [PetalComponents.Form](PetalComponents.Form.md): Everything related to forms: inputs, labels etc
- [PetalComponents.Helpers](PetalComponents.Helpers.md): For any helper functions used across multiple components. Ideally we keep this empty - components should be copy-pastable.

- [PetalComponents.HeroiconsV1.Outline](PetalComponents.HeroiconsV1.Outline.md): Icon name can be the function or passed in as a type eg.
- [PetalComponents.HeroiconsV1.Solid](PetalComponents.HeroiconsV1.Solid.md): Icon name can be the function or passed in as a type eg.
- [PetalComponents.Icon](PetalComponents.Icon.md)
- [PetalComponents.Input](PetalComponents.Input.md): Renders pure inputs (no label or errors).

- [PetalComponents.Link](PetalComponents.Link.md)
- [PetalComponents.Loading](PetalComponents.Loading.md)
- [PetalComponents.Marquee](PetalComponents.Marquee.md)
- [PetalComponents.Menu](PetalComponents.Menu.md)
- [PetalComponents.Modal](PetalComponents.Modal.md)
- [PetalComponents.Pagination](PetalComponents.Pagination.md): Pagination is the method of splitting up content into discrete pages. It specifies the total number of pages and inidicates to a user the current page within the context of total pages.

- [PetalComponents.PaginationInternal](PetalComponents.PaginationInternal.md)
- [PetalComponents.Progress](PetalComponents.Progress.md)
- [PetalComponents.Rating](PetalComponents.Rating.md)
- [PetalComponents.Skeleton](PetalComponents.Skeleton.md)
- [PetalComponents.SlideOver](PetalComponents.SlideOver.md)
- [PetalComponents.Stepper](PetalComponents.Stepper.md)
- [PetalComponents.Svg](PetalComponents.Svg.md): SVG helper components.

- [PetalComponents.Table](PetalComponents.Table.md)
- [PetalComponents.Tabs](PetalComponents.Tabs.md)
- [PetalComponents.Typography](PetalComponents.Typography.md): Everything related to text. Headings, paragraphs and links

- [PetalComponents.UserDropdownMenu](PetalComponents.UserDropdownMenu.md)
- [PetalComponentsWeb.A11yLive](PetalComponentsWeb.A11yLive.md): A LiveView to test the accessibility of Petal Components using `:a11y_audit`.