Heading
Heading
は、セクションの見出しを表すコンポーネントです。デフォルトでは、h1
要素をレンダリングします。
テーマ
Heading
は、単一パーツのコンポーネントです。
コンポーネントのスタイルを変更したい場合は、こちらをご覧ください。
export const Heading: ComponentStyle<"Heading"> = {baseStyle: {fontFamily: "heading",fontWeight: "bold",},sizes: {"4xl": {fontSize: { base: "7xl", sm: "6xl" },},"3xl": {fontSize: { base: "6xl", sm: "5xl" },},"2xl": {fontSize: { base: "5xl", sm: "4xl" },},xl: {fontSize: { base: "4xl", sm: "3xl" },},lg: {fontSize: { base: "3xl", sm: "2xl" },},md: { fontSize: "xl" },sm: { fontSize: "md" },xs: { fontSize: "sm" },},defaultProps: { size: "xl" },}
GitHubでこのページを編集する