Importing Components
latest
Arc components can be imported via the @arc-ui/components package.
caution
Don't write import statements like this import { Surface } from "@arc-ui/components";. This will import the entire component library. Instead you should explicitly import each component you need.
Individual imports
This style of imports will result in much smaller bundle sizes. Use the name of the component for the import path.
import { <the-component-you-want> } from "@arc-ui/components/dist/<the-component-you-want>";
import { Align } from "@arc-ui/components/dist/Align";
import { Card } from "@arc-ui/components/dist/Card";
import { Elevation } from "@arc-ui/components/dist/Elevation";
import { Surface } from "@arc-ui/components/dist/Surface";
import { Button } from "@arc-ui/components/dist/Button";
import { Heading } from "@arc-ui/components/dist/Heading";
import { Text } from "@arc-ui/components/dist/Text";
import { Group } from "@arc-ui/components/dist/Group";
import { Columns } from "@arc-ui/components/dist/Columns";
import { Section } from "@arc-ui/components/dist/Section";
import { VerticalSpace } from "@arc-ui/components/dist/VerticalSpace";