inherit to specify the text size from outside via custom CSS (e.g. font-size: 3rem).<!doctype html>
<html lang="en" class="scheme-light-dark">
<head>
<title></title>
</head>
<body class="bg-canvas">
<p-text class="text-[3rem]" size="inherit">
The quick brown fox jumps over the lazy dog
</p-text>
<script>
</script>
</body>
</html>size property accepts a breakpoint object to render different text sizes per viewport. This allows the text to
adapt responsively without writing custom CSS.<!doctype html>
<html lang="en" class="scheme-light-dark">
<head>
<title></title>
</head>
<body class="bg-canvas">
<p-text size="{'base': 'sm', 'l': '2xl'}">
The quick brown fox jumps over the lazy dog
</p-text>
<script>
</script>
</body>
</html>tag property or directly inside a slot.The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
<!doctype html>
<html lang="en" class="scheme-light-dark">
<head>
<title></title>
</head>
<body class="bg-canvas">
<p-text tag="blockquote">
The quick brown fox jumps over the lazy dog
</p-text>
<p-text>
<blockquote>
The quick brown fox jumps over the lazy dog
</blockquote>
</p-text>
<script>
</script>
</body>
</html>