Chakra UI - Reactコンポーネントライブラリ

• WAI-ARIA を厳格に準拠しており、アクセシビリティに優れる一方で開発も速い

• アプリケーション全体や各コンポーネントにテーマやダークモードを適用しやすい

• すべてのコンポーネントは組み合わせて使うことを念頭に開発されている

• 多様なコンポーネント

Accordion, Alert, AlertDialog, AspectRatioBox, Avatar,

Badge, Box, Breadcrumb, Button,

Checkbox, CircularProgress, CloseButton, Code, Collapse, ControlBox,

Divider, Drawer, Editable, Flex, FormControl, Grid,

Heading, Icon, IconButton, Image, Input, Link, List,

Menu, Modal, NumberInput, Popover, Progress, PseudoBox,

Radio, SimpleGrid, Select, Skeleton, Slider, Spinner, Stat, Stack, Switch,

Tabs, Tag, Text, Textarea, Toast, Tooltip

• ユーティリティ

useClipboard : クリップボードに内容をコピーするカスタムフック

useDisclosure : Modal、Drawer などの Open、Close、Toggle をサポートするカスタムフック

useTheme : テーマオブジェクトを取得するカスタムフック